Extjs grid 的title和tbar的位置

大部分的时候我们需要将title放在tbar的下面,但是在Extjs中我们直接放不可以成功,会变成下面的样子。
Extjs grid 的title和tbar的位置_第1张图片
这种是直接在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 }] } }

Extjs grid 的title和tbar的位置_第2张图片

你可能感兴趣的:(Extjs)