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

工作中使用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
        }]
    });

评论

2 楼 zhangle 2008-08-23  

这个Extension的界面没有特别的地方，就是简单的gridpanel+toolbar。只是简化了toolbar button的创建和对选中行的操作。

1 楼 jianfeng008cn 2008-08-23  

起码给个图吧，要不我哪来的信心啊