ExtJs6.0之tbar多行顯示

  • 創建toolbar
toolbarTop = new Ext.toolbar.Toolbar({
//      dock: 'top',
    renderTo: Ext.grid.GridPanel.tbar,
    items: [addBut, delBut, searchText, searchBut, grid2ExcelBut]
});

toolbarBottom = new Ext.toolbar.Toolbar({
    /*style: {
        borderTopWidth: '0px !important',
        borderBottomWidth: '1px !important'
    },*/
    renderTo: Ext.grid.GridPanel.tbar, 
    items: [
        projComb, areaComb, projType1Comb, projType2Comb, filterBut,
        {  
            text : '添加',  
            iconCls:'addBtn'  
        },

    ]
});
  • 在GridPanel中添加如下代碼:
dockedItems: [toolbarTop, toolbarBottom]

完工!

發佈了110 篇原創文章 · 獲贊 19 · 訪問量 13萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章