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

熱點內容
ps入門必備文件 瀏覽:348
以前的相親網站怎麼沒有了 瀏覽:15
蘋果6耳機聽歌有滋滋聲 瀏覽:768
怎麼徹底刪除linux文件 瀏覽:379
編程中字體的顏色是什麼意思 瀏覽:534
網站關鍵詞多少個字元 瀏覽:917
匯川am系列用什麼編程 瀏覽:41
筆記本win10我的電腦在哪裡打開攝像頭 瀏覽:827
醫院單位基本工資去哪個app查詢 瀏覽:18
css源碼應該用什麼文件 瀏覽:915
編程ts是什麼意思呢 瀏覽:509
c盤cad佔用空間的文件 瀏覽:89
不銹鋼大小頭模具如何編程 瀏覽:972
什麼格式的配置文件比較主流 瀏覽:984
增加目錄word 瀏覽:5
提取不相鄰兩列數據如何做圖表 瀏覽:45
r9s支持的網路制式 瀏覽:633
什麼是提交事務的編程 瀏覽:237
win10打字卡住 瀏覽:774
linux普通用戶關機 瀏覽:114

友情鏈接