ExtJs actioncolumn根据grid数据动态显示按钮

刺骨的言语ヽ痛彻心扉 2021-09-14 10:32 332阅读 0赞

### 需求 ###

通过不同行的不同数据状态决定进行相应的操作

### 方法 ###

通过getClass方法可以获取到，当前行的数据，根据指定字段的值可以判断设置按钮的显示或隐藏。  
return的是类名。需提前定义，在类中进行相应的背景图片以控制不用的图片控制。

### 代码 ###

{
                    text: '操作',
                    xtype: 'actioncolumn',
                    align:"center",
                    width: 100,
                    items: [
                    //使用getClass以后此栏失效
                        // { 
                        // tooltip: '更改',
                        // // icon: "images/edit.png",
                        // handler: function(grid, rowIndex, colIndex) { 
                        // alert(1);
                        // }
                        // },
                        {
                            getClass: function (v, meta, rec) {         
                                if (rec.data.operate != 0) {
                                    this.items[0].tooltip = 'Hold stock';//不能使用
                                    return 'opearate';//返回的是类名，通过类控制背景图片
                                } else {
                                    this.items[0].tooltip = 'Hold stock';
                                }
                            },
                            // tooltip: '更改',
                            handler: function(grid, rowIndex, colIndex) { 
                                alert(1);
                            }
                        }
                    ]
                }

发表评论取消回复

表情：

评论列表（有 0 条评论，332人围观）

还没有评论，来说两句吧...

相关阅读

相关 ExtJS4 grid添加按钮列

效果： ![Center][] 源码： store:Ext.create('Ext.data.Store', \{ fields

Myth丶恋晨/ 2022年09月25日 04:13/ 0 赞/ 232 阅读

相关 Extjs之Grid详细

Grid的展示选中排序选中事件。附图： ![221709505699.jpg][] 代码： <script type="text/javascript">

小鱼儿/ 2022年08月10日 05:55/ 0 赞/ 195 阅读

相关 ExtJs grid导出Excel

下载资源（内附简单说明）：[http://download.csdn.net/detail/lishk314/8962187][http_download.csdn.net_d

向右看齐/ 2022年08月03日 11:53/ 0 赞/ 204 阅读

相关 Extjs Grid 中文排序

Ext.data.Store.prototype.createComparator = function(sorters){ return func

叁歲伎倆/ 2022年08月01日 00:28/ 0 赞/ 164 阅读

相关 extjs 动态设置grid选中状态

取消选中： grid.getSelectionModel().deselect(records); 其中参数 records , 可以是想取消选中的记

快来打我*/ 2022年07月15日 23:21/ 0 赞/ 274 阅读

相关 extjs grid隐藏表头

Ext.define('V5.auditoper.rule.view.FuncGrid', { extend: 'Ext.grid.Panel',

以你之姓@/ 2022年06月14日 11:45/ 0 赞/ 355 阅读

相关 Extjs grid表头换行

声明：本博文用于学习总结及工作心得在grid中添加afterrender事件： afterrender: function (grid) {

朱雀/ 2022年06月12日 02:09/ 0 赞/ 276 阅读

相关 Extjs grid添加多选按钮

Extjs grid添加多选按钮我们在用extjs开发gird列表时很多时候我们都会面临向列表添加一个多选的按钮，在extjs中这个功能要实现比较简单，extjs内部已

妖狐艹你老母/ 2022年06月05日 11:54/ 0 赞/ 461 阅读

相关 ExtJS 4 Grid组件

我们正在努力为ExtJS4做准备,到目前为止,我们已经发布了3个开发者预览版,我们的目标是争取在4到6周内或争取更快的时间内发布最终版本。在最近的开发者预览版，我们首次发布了

悠悠/ 2022年05月15日 05:12/ 0 赞/ 255 阅读

相关 ExtJs actioncolumn根据grid数据动态显示按钮

需求通过不同行的不同数据状态决定进行相应的操作方法通过getClass方法可以获取到，当前行的数据，根据指定字段的值可以判断设置按钮的显示或隐藏。 re

刺骨的言语ヽ痛彻心扉/ 2021年09月14日 10:32/ 0 赞/ 333 阅读