extjs滾動條計算

① 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

② 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中grid滾動條怎麼加

var userGrid = new Ext.grid.GridPanel({
frame:true,
loadMask:true,
tbar:toolbar,
store:userStore,
stripeRows:true,

viewConfig:{
autoFill:true
//forceFit:true
},
。。。。。。
}）；

new Ext.Viewport({
layout:'border',
items:[{
contentEl:'toptitle',
bodystyle:'background-color:#BBCCEE;',
region:'north',
height:134
},{
//contentEl:'usergrid-div',
region:'center',
layout: 'fit',
border:true,
items:[userGrid]
}]
});

-------------------------------

var grid = new Ext.grid.GridPanel({
2 autoHeight: true,
3 autoWidth:true,
4 autoScroll: true,
5 title: '<spanstyle=font-weight:bolder;line-height:25px;font-size:18px;><center>「大劑量堵水」措施不同井類型對比表</center></span>',
6 loadMask: true,
7 renderTo: 'grid',
8 store: store,
9 cm: cm,
10 collapsible: true,
11 bbar: new Ext.PagingToolbar({
12 pageSize: 100,
13 store: store,
14 displayInfo: true,
15 displayMsg: '顯示第{0}條到第{1}條記錄，一共{2}條',
16 emptyMsg: '沒有記錄'
17 })
18 });
19
20 });
21 </script>
22 </head>
23 <bodystyle=" text-align:center;">
24 <divid="Contain" style="text-align:left;width:1000px;">
25 <divid="grid" style="width:1000px;"></div>
26 </div>
27 </body>

autoHeight: true,autoWidth:true這兩個屬性是不起作用的。這里要Ext的Grid的滾定條必須顯示出來就必須設置固定的Grid寬度（以像素為單位）。

Grid中你加入 width: Ext.get("content").getWidth(), height: Ext.get("content").getHeight()然後再看下你的效果。

如果這個實例你能運行，但是你機器上的代碼不能運行，可否提供一個Ext的版本號，以供來測試解決這個問題。

這個問題已經解決了，解決方法是把autoHeight: true, autoWidth:true,改成具體的數值就行了。
Ext的Grid寬高必須是給定的明確數值的。
------------------

var grid = new Ext.grid.GridPanel( {
renderTo : 'Container',
width : gridWidth,
stripeRows : true,
enableHdMenu:false,
autoScroll : true,
autoHeight : true,
columnLines : true,
store : new Ext.data.ArrayStore( {
fields : fields,
data : gridData
}),
columns : columns,
viewConfig : {
forceFit : true
}
});

④ Extjs 如何設置TextArea滾動條 位於底部

把textArea放到一個具有底部滾動條的組件裡面就可以了,可以自動的內出現的.

方法容：

if(tab.rendered){
tab.getEl().down('textarea').dom.scrollTop=99999;
}

⑤ 請問extjs 6 grid怎麼實現合計，合計行要固定在表格下面，不隨縱向滾動條滾，但要隨橫向滾動

簡單給個代碼說明一下:
var grid = new Ext.grid.GridPanel({
......(其他屬性配置略)
columns: [
{header: '第一列', dataIndex: 'column1'},
{header: '第二列', dataIndex: 'column2'},
{header: '總計', dataIndex: 'column1',renderer : function(value,metadata,reocrd){
//這裡面做總計計算
var sum = record.data.column1+reocrd.data.column2;
//或者 var sum = value+reocrd.data.column2;
return sum;
}
},
],
......(其他屬性配置略)
});

⑥ extjs怎麼加上滾動條，而且要將分頁的一欄放在頁面的最下面，而不是緊接著數據的最後一條

你用了tbar就沒想到bbar？
dockedItems:[{
xtype:'pagingtoolbar',
store:'QueryFindPointStore',
dock:'bottom',
displayInfo:true,
displayMsg:'顯示 {0} - {1}條記錄，總共 {2}條記錄',
emptyMsg:'暫無數據'
}],
換成
bbar:{
xtype:'pagingtoolbar',
store:'QueryFindPointStore',
displayInfo:true,
displayMsg:'顯示 {0} - {1}條記錄，總共 {2}條記錄',
emptyMsg:'暫無數據'
},

⑦ ExtJS 如何實現Grid每列自適應寬度

: function(value, p, r) ,
這樣就顯示四個星號了，不過最好在服務端就轉換了，比較安全。

⑧ Extjs(3.0)中grid的滾動條，兩個gridpanel，拉動其中一個gridpanel的滾動條，另外一個滾動條也會跟著聯動

Ext渲染到界面上都是解析成html代碼的，你用火狐firebug找到頁面中存放滾動條的回div，
var obj=Ext.get('div_id');
obj.on('scroll',functionName);//綁定答滾動事件

function functionName(){
//do something

}

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

設置combo的一個屬性：

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