Ext.grid.column.Action 是 Ext.grid.column.Column的子类,用来在Grid的单元格里渲染一个或多个图标。 每个图标均可自定义点击处理事件。
var store = Ext.create('Ext.data.Store',{ fields:['userName','loginName'],
data:[{userName:"Michael", loginName:"Scott"},
{userName:"Dwight", 'loginName:"Schrute"},
{userName:"Jim", loginName:"Halpert"}]});
var grid = Ext.create('Ext.grid.Panel',{
store:store,
columns:[{
text:'姓名',
dataIndex:'userName'
},{
text:'用户名',
dataIndex:'loginName'
},{
xtype:'actioncolumn',
width:50,
items:[{
icon:'extjs/examples/shared/icons/fam/cog_edit.png',
handler:function(grid, rowIndex, colIndex){
var record = grid.store.getAt(rowIndex);
alert("edit" + record.get('userName'));
}
},{
icon:'extjs/examples/restful/images/delete.png',
tooltip:'Delete',
handler:function(grid, rowIndex, colIndex){var rec = grid.getStore().getAt(rowIndex);
alert("Terminate "+ rec.get('firstname'));}}]
}],
renderTo:Ext.getBody();
});
对于用户操作表格的方式,目前主要是两种:一是使用表格的toolbar添加 crud按钮,二是使用actioncolumn列。按钮方式提供了批量操作表格记录的方式。actioncolumn则直接操作单条记录。我推荐对于单条记录的操作如查看详情、修改记录、删除单条记录采用actioncolumn,而像批量删除这样的批量操作采用 表头按钮。当然具体情况还得具体分析。
相关推荐
就是extjs4里面,想给grid里面一格中,文字后面加个小图标。 因为俺们项目就只是文字+图标,所以俺就没有复写Actioncolumn,而是从Column下面继承了一下。。 包含自定义插件源码、效果图等等。
用extjs技术显示表格的信息,不过首先要导入extjs所需的库文件
extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台extjs动态生成表格,前台+后台
ExtJS4 2学习 21 动态菜单与表格数据展示操作总结
EXTJS4 GRID 表格 分页 编辑 添加判断 颜色判断 分组 等示例
extjs4 中文 API
基于Extjs4官方的例子,做了一个关于MVC和Grid增删改的小例子
在Extjs4应用中使用Ext.Loader ======================================= 11条jquery常用技巧和方法整理列表 8个超棒的学习jQuery的网站 JQuery 1.5 getJSON 的使用 JQuery AJAX提交中文乱码的解决方案 Jquery css...
extjs树型表格组件的使用示例,详细说明可以参见http://blog.csdn.net/snail_spoor/article/details/39698037
extjs4中文文档 真正的4.0的中文文档。 非常难得。
目录: 一 Extjs 基础 ...EXTJS4自学手册——页面控件(表格的特性属性) EXTJS4自学手册——页面控件(表格的插件) EXTJS4自学手册——页面控件(树形控件) EXTJS4自学手册——页面控件(表单控件)
这是利用sencha cmd 生成的GridFilterDemo工程中的app和build文件夹,其余文件过大并且与主题无关,因此未包含。具体方法,请参看我的博客: 《Extjs4.2 Grid Filter Feature 表格过滤特性》
extjs 简单表格呈现extjs 简单表格呈现extjs 简单表格呈现
最新的extjs4 中文api,学习者的好帮手。
ExtJs 4 API 中文
ExtJS 配置和表格控件使用 关于extjs中的GRIDView配置详细操作过程进行描述
extjsDemo2 form panel 一个extjs的demo。1、描绘了表格的属性;2、一个简单的页面布局。供参考。
Extjs4 表单从数据库读取数据映射到对应的字段中显示
Extjs初级入门学习,适合刚刚接触的。
extjs 进度条的显示