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

刺骨的言语ヽ痛彻心扉 2021-09-14 10:32 344阅读 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 条评论，344人围观）

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

相关阅读

相关 5.1.1 Ext JS之Grid actioncolumn动作列的动态显示

在Ext JS 的 Grid中添加动作列的方式是配置一个 actioncolumn类型的动作列，这个动作列可以包含多个图表的按钮。添加的方式如下： {

墨蓝/ 2024年03月24日 15:07/ 0 赞/ 35 阅读

相关 ExtJS4 grid添加按钮列

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

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

相关 Extjs之Grid详细

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

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

相关 ExtJs grid导出Excel

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

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

相关 Extjs Grid 中文排序

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

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

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

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

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

相关 extjs grid隐藏表头

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

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

相关 Extjs grid添加多选按钮

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

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

相关 ExtJS 4 Grid组件

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

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

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

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

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