编辑网格时，如何按行禁用特定字段？

Posted 2023-05-07

【中文标题】编辑网格时，如何按行禁用特定字段？

【英文标题】：When editing a grid, how do I disable specific fields by row?

【发布时间】：2012-12-22 16:48:45

【问题描述】：

我有一个剑道网格，其中包含数据和多列（例如第 1、2 和 3 列）。第 1、2、3 列需要能够根据彼此的值进行编辑（或阻止编辑）。这是特定于行的。

例如，如果第 1 列（日期）

我知道禁用或启用整个列很简单，但我的要求是特定于行的。所以第 1 行可以启用第 3 列，第 2 行可以禁用第 3 列。

有什么想法吗？

【问题讨论】：

要求澄清：readonly 公式是否会影响cell 或整个row 的版本？在您的示例中，不允许编辑第 3 列（取决于第 1 列和第 2 列），但是第 1 列和第 2 列会发生什么情况，是否可以编辑它们？最通用的解决方案可能需要构建一个连续单元格之间的依赖关系图，甚至检测循环依赖关系（应该被视为错误）。

没有自定义编辑器的替代解决方案：***.com/questions/20881484/…

【参考方案1】：

我的建议是创建一个验证条件的编辑器函数。这当然有一个临时解决方案的缺点，但是......它有效！

让我们有以下条目（数据源的数据）：

var entries = [
     id:1, col1: new Date(2012, 11, 31), col2: new Date(2013, 0, 1), col3: "Yes" ,
     id:2, col1: new Date(2013, 0, 1), col2: new Date(2013, 0, 1), col3: "No" ,
     id:3, col1: new Date(2013, 0, 2), col2: new Date(2013, 0, 1), col3: "No" 
];

然后我将网格定义为：

var grid = $("#grid").kendoGrid(
    dataSource : 
        data    : entries,
        schema  : 
            model: 
                id    : "id",
                fields: 
                    col1:  type: "date",
                    col2:  type: "date",
                    col3:  editable: true 
                
            
        ,
        pageSize: 3
    ,
    columns    : [
         field: "col1", title: "Col1", format: "0:yyyy-MM-dd" ,
         field: "col2", title: "Col2", format: "0:yyyy-MM-dd" ,
         field: "col3", title: "Edit?", editor: checkAndEdit 
    ],
    editable   : "incell",
    navigatable: true,
    pageable   : true
).data("kendoGrid");

其中col1 和col2 是日期，col3 是可以编辑的字符串当且仅当 col1 小于col2。

我定义checkAndEdit函数如下：

function checkAndEdit(container, options) 
    if (options.model.col1 < options.model.col2) 
        $('<input data-bind="value:' + options.field + '" ' +
                'data-format="' + options.format + '" ' +
                'class="k-input k-textbox"/>')
                .appendTo(container);
     else 
        grid.closeCell(container);
    

如果col1 col2 则我生成相应的input 字段，否则调用closeCell 以退出edit 模式。

你可以看到它在运行here

【讨论】：

看来这只适用于“incell”。执行“内联”时，编辑器只会触发一次，因此您不能根据另一个单元格的内容更改一个单元格。

【参考方案2】：

保持简单，只需使用（在网格列中绑定）

[Editable(false)] public string ob_name get; set;

在用于 Kendo Ui Grid 的服装类中。

详情也可以see this

【讨论】：

通过使用数据注释，这对我有用，thanx @atik sarker :)