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
}
}
你試試~~~