工作中使用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
}]
});
分享到:
相关推荐
针对Gridpanel多表头的扩展,适用于2.2的ext版本,3以上的没有测试过,有兴趣的可以自己研究研究。
扩展的GridPanel,让其分页后保持选择状态
Ext GridPanel 中实现加链接操作 Ext GridPanel 中实现加链接操作 Ext GridPanel 中实现加链接操作
EXT实例GridPanel. 实现简单的。
gridpanel的使用,挺好的啊 gridpanel的使用,挺好的啊 gridpanel的使用,挺好的啊
Extnet GridPanel 增行 删行 弹出窗体 页面传值
改变gridpanel的行颜色,以及gridpanel 的表格变色
ExtJS的GridPanel导出excel文件,方便快捷易懂!
Ext.grid.GridPanel属性祥解, 表格部门的详解,通俗易懂,适合初学人员,以及想对GridPanel有个精析认识的Web开发人员
使用ext.net代码动态创建gridpanel后任意显示在各种窗口中
Ext.grid.GridPanel 删除线 放到example文件夹下运行
ExtJs GridPanel双击事件获得双击的行,双击行可以选中前面的checkbox,并获得行号
对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...
详细介绍GridPanel各项属性,ExtJS 普通表格:Ext.grid.GridPanel属性详解
本人自己写的Extjs入门教程,上面实现了treePanel和GridPanel的集成和交互。
EXT GridPanel获取某一单元格的值
将页面的GridPanel中的数据导出到Excel中 测试Ext:版本2.2.1 支持GridSummary,GroupSummary和GroupHeaderPlugin插件 使用方法: 1)把三个JS文件引入到页面中 2)调用例句: var data2Excel = new Ext.icss.Data2...
Ext的gridpanel控件二次加载时丢失解决方案
源代码js文件 博文链接:https://javaExtjs.iteye.com/blog/200923