Extjs3笔记 fbar

时间:2023-12-17 16:15:02

在项目中会遇到在grid右下角显示合计之类的显示。

之前使用过的方式:

1.用width强制顶过去。

2.利用css来控制。

弊端:

利用第一种方式:导致调整窗口大小时会导致合计不能根据窗体的大小变化来自适应。

利用第二种方式:通过css设置。float: right;   会导致如果本页面增加了一个控件以后就得去修改id。

翻看了api,发现有一个fbar。尝试了一下:果然好使。

aaarticlea/png;base64,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" alt="" />

默认靠右展示。

var store = new Ext.data.JsonStore({
url: 'xxx',
root: 'Table',
totalProperty: 'result',
fields: [
{ name: 'Test1' },
{ name: 'Test2' }
]
});
new Ext.grid.GridPanel({
autoWidth: true,
height: 290,
store: store,
enableHdMenu: false,
enableColumnMove: false,
enableColumnHide: false,
frame: true,
cm: new Ext.grid.ColumnModel([
{ header: "Test1", width: 100, align: 'left', dataIndex: 'Test1' },
{ header: "Test2", width: 80, align: 'left', dataIndex: 'Test2' }
]),
buttonAlign: 'left', //用于fbar显示正常。
fbar: [{
xtype: 'label',
html: '<p style="color:red">注:提示文字靠左显示,需要写上buttonAlign属性,否则即使把文字描述写了->前也无效</p>'
}, '->', {
xtype: 'label',
text: '合计数量:'
}, {
xtype: 'textfield',
id: 'TotalQuantity',
readOnly: true,
width: 100
}, {
xtype: 'label',
text: '总合计(元):'
}, {
xtype: 'textfield',
id: 'TotalAmount',
readOnly: true,
width: 100
}],
sm: new Ext.grid.CheckboxSelectionModel({ singleSelect: false }),