導航:首頁 > 編程語言 > extjs添加滾動條

extjs添加滾動條

發布時間:2024-10-16 12:40:44

1. extjs EditorGridPanel滾動條顯示不出來。

將EditorGridPanel的autoScroll屬性設置為true,應該就可以了

2. jsp頁面table中只讓tbody 部分顯示滾動條滾動,thead部分不動。。跪求答案

2個table. 一個僅顯示 table head部分, 另外一個僅顯示 body部分.
body部分的表, 設置 overflow:auto 即可.

難點:
2個table的 header 保持寬度一致, 以及左右滾動時保持一致.
jquery 做個寬度自動匹配.

嘗試下吧, 我想做的, 後來需求停掉就沒實現, 思路就是上面的.

或者嘗試 extjs/jqueryui等其他第三方插件.

3. js中,高度在一定范圍內自適應,超過這個范圍就出現滾動條

設置css:min-height:you min height; max-height:200px;overflow-y:auto;//加豎滾動條
你這是extjs吧,大體是這樣的,估計就是屬性名稱不一樣而已,你查查哦,我對extjs不是很了解

4. 用extjs grid 載入100條以上數據時,選中前面幾行 checkbox, 滾動條拖到後面,前面會自動失效

你可以定義一個全局量,這個全局量可以是一個Array()。
在grid定義一個Ext.selection.CheckboxModel的listener,每當選中一行時,就給全局量賦值,可以是一個ID或者要傳送的數據或者一個對象。這樣就可以保證拖到後面前面的就不會自動失效了。
不過要記得當數據提交了以後,要將全局量里的數據清空,避免下次提交有重復。
具體實現大致如下:
var selectionObjs; //定義全局量
var gridSelection = Ext.create('Ext.selection.CheckboxModel', {
listeners : {
selectionchange : function(sm) {
var length = sm.getCount(); //獲得選擇列數

selectionObjs = sm.getSelection(); //獲得所有選擇的對象
}
}
});

Ext.create('Ext.grid.Panel', {
store : Store,
selModel : gridSelection
....
});

5. Extjs怎麼在panel面板裡面設置滾動條

ExtJS API:
autoScroll : Boolean
True表示為在面板body元素上,設置overflow:\\'auto\\'...
True表示為在面板body元素上,設置overflow:\\'auto\\'和出現滾動條false表示為裁剪所專有溢出的屬內容(默認為false)。True to use overflow:\\'auto\\' on the panel\\'s body element and show scroll bars automatically when necessary, false to clip any overflowing content (defaults to false).

對panle設置該屬性為true

6. extjs怎麼設置tabpanel詳解

Ext.onReady(function(){
vari=4;
//注意:每個Tab標簽只渲染一次
vartabs=newExt.TabPanel({
renderTo:Ext.getBody(),//綁定在body標簽上
activeTab:0,//初始顯示第幾個Tab頁
deferredRender:false,//是否在顯示每個標簽的時候再渲染標簽中的內容.默認true
tabPosition:'top',//表示TabPanel頭顯示的位置,只有兩個值top和bottom.默認是top.
enableTabScroll:true,//當Tab標簽過多時,出現滾動條
items:[{//Tab的個數
title:'Tab1',
html:'Asimpletab',
listeners:{render:function(){//為每個Tab標簽添加監聽器.當標簽渲染時觸發
Ext.Msg.alert("Tab1","渲染Tab1成功");
}}
},{
title:'Tab2',
html:'Anotherone',
listeners:{render:myRender}
},{
title:'Tab3',
autoLoad:'test.html',
closable:true,
listeners:{render:myRender}
}],
bbar:[{//添加一個底部工具欄,並且在該工具欄上添加兩個按鈕
text:'添加標簽',
handler:function(){//添按鈕被點擊時觸發這個匿名函數(注意:該屬性在button中能查到).
varid=i;
tabs.add({//添加一個Tab標簽
id:id,
title:'Tab'+i,
closable:true
});
i=i+1;
tabs.setActiveTab(id);//當id為"id"的Tab標簽顯示(變為活動標簽).
}
},{
text:'刪除標簽',
handler:function(){
vart=tabs.getActiveTab();//獲得當前活動標簽的引用
if(t.closable){
tabs.remove(t);//刪除標簽
}else{
Ext.Msg.alert("提示","該標簽不能關閉");
}
}
}]
});

//把TabPanel組件充滿整個body容器.
newExt.Viewport({
layout:'fit',
items:tabs
});
});

7. EXTJS的combo組件的下拉選項框的高度和垂直滾動條如何設置

設置combo的一個屬性:

maxHeight:100,//下拉列表的最大高度像素值

8. extjs gridpanel 在列很多的情況下,我把滾動條拖到右邊單擊行時如何能不讓滾動條自動跑到左邊,

增加focusRow :Ext.emptyFn 函數,用過了,很靈的,滾動條果然不亂跑了;
希望更多的有這個問題的版人權能夠看到;

new Ext.grid.GridPanel({

viewConfig : {

focusRow : Ext.emptyFn

}

});

9. extjs 中bbar中數據太多,屏幕顯示不全需要有在bbar設置滾動條,求大神指導....

換行顯示吧,滾動條的即使弄上也不好看,不好操作的,呵呵。

弄成兩行,這樣干:

自定義一個bbar,例如:

varmybbar=[{
text:'刷新'
},{
text:'新增'
}];

再定一個bbar,分頁的工具條bar(普通的bar也行),例如:

varotherbar=newExt.PagingToolbar({
store:store,
pageSize:pageSize,
displayInfo:true,
displayMsg:"當前顯示從{0}條到{1}條,共{2}條",
items:[{
text:'修改'
},"-",{
text:'刪除'
}]
});

然後在grid中這樣:

vargrid=newExt.grid.GridPanel({
......
bbar:mybbar,//第一個bar
listeners:{
render:function(data){
otherbar.render(grid.bbar);//另一個bar
}
}

你試試~~~

閱讀全文

與extjs添加滾動條相關的資料

熱點內容
archlinuxx64 瀏覽:359
資料庫視圖設計 瀏覽:958
文明3單位文件 瀏覽:863
計算機痕跡清除工具證書過期 瀏覽:514
通話限制密碼是多少 瀏覽:138
抖音直播如何把app導入直播間 瀏覽:884
javame和android 瀏覽:896
winamp轉換成mp3文件 瀏覽:723
直通車退款需要哪些數據 瀏覽:751
ise操作新手視頻教程 瀏覽:645
編程思維課程怎麼招生 瀏覽:276
神通資料庫如何建表 瀏覽:18
videotoolbox安卓 瀏覽:434
linux文件操作命令文件復制 瀏覽:803
惠普列印機輸入文件所在路徑 瀏覽:457
怎樣做ppt加入視頻文件 瀏覽:951
手機文件中轉站怎麼用 瀏覽:252
javagzip壓縮文件 瀏覽:51
小米5c刷機原生安卓 瀏覽:821
三星網路實速怎麼關 瀏覽:117

友情鏈接