论坛首页 Web前端技术论坛

发布GridPanel的一个扩展类ActionGridPanel,简化了Toolbar button

浏览 2904 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2008-08-23  
工作中使用Ext的GridPanel经常需要加上Toolbar,加上多个按钮多grid中选中的行进行相应的动作。
Ext.ux.ActionGridPanel是Ext.grid.GridPanel的一个扩展类,定义了actions数组,每个元素代表了一个按钮。Ext.ux.ActionGridPanel会在按钮动作成功后,刷新当前页。
按钮属性定义如下
{
text: //button text
tooltip: // button tooltip
iconCls: // button iconCls
url: // button 动作的 url,将grid选定行的id随同该url发送到服务器
disabledIfLessThan: // 如果该值大于0,则初始化grid时disable该按钮。当grid选定行数目小于该值时,disable该按钮。
}

    var grid = new Ext.ux.ActionGridPanel({
        height: 300,
        width: 'auto',
        title: 'ActionGridPanel example',
        store: store,
        cm: cm,
        sm: sm,
        loadMask: true,
        trackMouseOver:false,
        renderTo: Ext.get('actiongridpanel-example'),
        viewConfig: {
            forceFit:true,
            enableRowBody:true,
            showPreview:false
        },
        actions: [
        {
                text:'action 1',
                tooltip:'action 1',
                iconCls:'action',
                url:'example_action1.action',
                disabledIfLessThan: 1
        },
        {
                text:'action 2',
                tooltip:'action 2',
                iconCls:'action',
                url:'example_action2.action',
                disabledIfLessThan: 1
        }]
    });
   发表时间:2008-08-23  
起码给个图吧,要不我哪来的信心啊
0 请登录后投票
   发表时间:2008-08-23  
这个Extension的界面没有特别的地方,就是简单的gridpanel+toolbar。只是简化了toolbar button的创建和对选中行的操作。
  • 大小: 24.9 KB
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics