Extjs grid 的title和tbar的位置

大部分的时候我们需要将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": "原油价格<br>(美元/桶)",
                        'minWidth': 120,
                        flex: 1,
                        "dataIndex": "CRUDE_OIL_PRICE",


                    }, {
                        "text": "征收比率<br>(%)",
                        flex: 1,
                        "dataIndex": "REVENUE_RATE",
                        'minWidth': 120,
                        //renderer: function (v, f, record) {
                        //    f.tdStyle = 'background-color:yellow';
                        //    return v
                        //
                        //}
                    }, {
                        "text": "速算扣除数<br>(美元/桶)",
                        flex: 1,
                        "dataIndex": "QUICK_DEDUCTION",
                        'minWidth': 120
                    }]
                }

            }

这里写图片描述

猜你喜欢

转载自blog.csdn.net/ann_mi/article/details/80235008
今日推荐