您的位置:首页 > 其它

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

2008-08-23 11:11 162 查看
工作中使用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
}]
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐