Extjs grid表格根据条件判断某行是否可编辑

最新推荐文章于 2022-11-20 21:47:08 发布

原创最新推荐文章于 2022-11-20 21:47:08 发布 · 2.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Extjs grid表格编辑

Extjs 同时被 2 个专栏收录

3 篇文章

订阅专栏

grid单元格编辑

2 篇文章

订阅专栏

本文介绍如何在ExtJS框架中使用Grid组件时，通过添加CellEditing插件实现单元格的编辑功能，并设置单元格点击一次即可编辑。同时，演示了如何根据特定条件禁用单元格编辑，例如当某列的值为'已签收'时，该单元格将不可编辑。此外，还展示了如何为特定列'STORAGEQUANTITY'设置文本框编辑器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//grid编辑
    var grid = Ext.getCmp('gridMain');
  
    grid.addPlugin(
        Ext.create('Ext.grid.plugin.CellEditing', {
            clicksToEdit: 1
        })
    );

//单元格禁止编辑
   grid.addListener(
        'cellclick', function (table, td, cellIndex, record) {  

            var fileName;
            fileName = table.getHeaderAtIndex(cellIndex).dataIndex;
            var record = record.get("cDefine1");//grid 某列的值
            if (record == "已签收") {
                return false;
            }
           
        }
          
);

//单元格编辑
var items = grid.columns;
    Ext.each(items, function (item) {
           // STORAGEQUANTITY 是 grid的列
        if (Ext.util.Format.uppercase(item.dataIndex) == 'STORAGEQUANTITY') { 
          
            grid.columns[item.fullColumnIndex - 1].setEditor(
                Ext.create('Ext.form.TextField', {
                    readOnly: false,
                    value: '',
                    xtype: 'textfield'
                })
            )
        }
     
    })