extjs4让grid的单元格点击时支持手形。
Ext.widget('gridpanel', {
title: 'grid',
height: 200,
width: 200,
renderTo: Ext.getBody(),
columns: [{
text: 'Col',
dataIndex: 'col',
renderer: function (val, metadata, record) {
if (record.get('col') == 1) {
metadata.style = 'background-color: #FFFFCC !important;cursor: pointer;'
}
return val;
},
listeners:{
"click":function(grid,cell,row){
var r = grid.store.getAt(row);
}
}
}],
store: {
fields: ['col'],
data: [{
col: 1
}, {
col: 2
}]
}
})
分享到:
相关推荐
ExtJS 4.2 Grid组件本身并没有提供单元格合并功能,需要自己实现这个功能。 目录 1. 原理 2. 多列合并 3. 代码与在线演示 1. 原理 1.1 HTML代码分析 首先创建一个Grid组件,然后查看下的HTML源码。 1.1.1 Grid组件 ...
ExtJs 4.0 Grid 单元格合并控件封装
Extjs4.2 Grid单元格编辑,包含日期控件,下拉框控件,同时可控制单元格是否有编辑权限。
利用的是Column的render实现单元格背景颜色改变,本文给予了实现代码,感兴趣的朋友可以了解下,或许对你学习ExtJS4 Grid有所帮助
MyGridView=Ext.extend(Ext.grid.GridView,{ renderHeaders : function(){ var cm = this.cm, ts = this.templates; var ct = ts.hcell,ct2=ts.mhcell; var cb = [], sb = [], p = {},mcb=[]; for(var i = 0...
基于Extjs4官方的例子,做了一个关于MVC和Grid增删改的小例子
Extjs4 grid 导出为Excel 下载后放在网站(不放在网站中导出按钮不能会点击无响应,因为这里调用了swf文件)里可直接运行index.html测试 <link href='...
这是利用sencha cmd 生成的GridFilterDemo工程中的app和build文件夹,其余文件过大并且与主题无关,因此未包含。具体方法,请参看我的博客: 《Extjs4.2 Grid Filter Feature 表格过滤特性》
解决extjs中的GridPanel的单元格在IE无法选中复制的问题
实现grid单元格重复数据的合并,完整的案例实现,包含合并方法和调用过程
EXTJS4 GRID 表格 分页 编辑 添加判断 颜色判断 分组 等示例
extjs4 grid 包括form js代码
extjs4 ComboBox 点击下拉框 出现grid效果 这里只实现了点击下拉框显示gird,点击其他地方grid自动消失
Extjs动态Grid的生成 htm
NULL 博文链接:https://dejazhan.iteye.com/blog/871259
NULL 博文链接:https://zdk8105.iteye.com/blog/2232570
ExtJS grid过滤操作,可以动态操作本地的store更改筛选的内容
EXTJS实现单元格变色、行变色(文字、背景)