Ext.grid.GridPanel 加2个tbar

最新推荐文章于 2016-01-14 12:43:20 发布

原创最新推荐文章于 2016-01-14 12:43:20 发布 · 422 阅读

0 ·

CC 4.0 BY-SA版权

js 同时被 2 个专栏收录

40 篇文章

订阅专栏

EXT

19 篇文章

订阅专栏

本文详细介绍了如何使用Ext JS库构建一个具备自定义工具栏、搜索功能及分页操作的网格面板，包括按钮操作、字段过滤与排序等关键特性。

var grid = new Ext.grid.GridPanel({
region:'center',
store: ds, cm: cm, sm: sm,

   tbar: [{
         text: '1', iconCls: 'icon_art_edit', handler: function(btn){ }
         },'-',{
         text: '2, iconCls: 'icon_art_add', handler: function(btn){ }
         },{
         text: '3, iconCls: 'icon_art_delete', handler: function(btn){ }
         },'-',{
         text: '4, iconCls: 'icon_p_a', handler: function(btn){ }
         },{
         text: '5, iconCls: 'icon_p_r_0', handler: function(btn){ }
         }],

         listeners : {
           'render': function() {
               this.tbar2 = new Ext.Toolbar({
               renderTo: grid.tbar,
               items:['->',
                        '代理商：',new Ext.form.TextField({ id:'qfield1',width:120 }),{
                        text: '查询', iconCls: 'icon_find', handler: function(){ ds.reload(); }
                }]

})

}

});