導航:首頁 > 編程語言 > 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添加滾動條相關的資料

熱點內容
面膜去哪個網站買好 瀏覽:627
天下游舊版本 瀏覽:622
iphone6按鍵震動 瀏覽:528
u盤沒有顯示怎麼打開文件夾 瀏覽:13
win7升級win10激活失敗 瀏覽:914
win10系統文件缺失介質修復 瀏覽:900
怎麼樣系統升級 瀏覽:518
魔客吧傳奇網站模板 瀏覽:365
一段代碼解決html多瀏覽器兼容 瀏覽:803
淘車大師app官方下載 瀏覽:953
win10系統怎麼能找回桌面文件 瀏覽:423
換主板怎麼裝驅動程序 瀏覽:563
宜搜小說舊版本 瀏覽:310
win10凈網大師 瀏覽:262
蘋果5s移動網路設置 瀏覽:680
主文件名的格式 瀏覽:336
如何找吃的app 瀏覽:11
js判斷跳轉前的頁面地址 瀏覽:555
qq瀏覽器儲存密碼 瀏覽:309
網站字體陰影特效代碼 瀏覽:187

友情鏈接