大部分的时候我们需要将title放在tbar的下面,但是在Extjs中我们直接放不可以成功,会变成下面的样子。
这种是直接在grid加tbar,没有进行任何设置。
xtype:'gridbase',
title: '石油特别收益金比率表',
titleAlign: "center",
store: _store,
layout: 'fit',
dockedItems: [{//在这里进行tbar的设置
dock: 'top',
xtype: 'toolbar',
weight: -999,
items:
[{
xtype: 'mybutton',
btnType: 'add',
text: '新增行',
id: 'add1',
handler: Ext.bind(this._addColumn, this)
}, /*{
xtype: 'mybutton',
btnType: 'delete',
text: '删除行',
handler: Ext.bind(this._delectWantcarColum, this)
},*/{
xtype: 'mybutton',
btnType: 'winsave',
handle:Ext.bind(this._winSave,this)
}]}],
pagingtoolbar: false,
isLineFeed: true,
columns: {
defaults: {
align: 'center',
sortable: false,
menuDisabled: true
},
items: [{
"text": "序号",
'width': 60,
"xtype": "rownumberer"
}, {
"text": "原油价格
(美元/桶)",
'minWidth': 120,
flex: 1,
"dataIndex": "CRUDE_OIL_PRICE",
}, {
"text": "征收比率
(%)",
flex: 1,
"dataIndex": "REVENUE_RATE",
'minWidth': 120,
//renderer: function (v, f, record) {
// f.tdStyle = 'background-color:yellow';
// return v
//
//}
}, {
"text": "速算扣除数
(美元/桶)",
flex: 1,
"dataIndex": "QUICK_DEDUCTION",
'minWidth': 120
}]
}
}