如何在 ShieldUI Grid 中仅使选定的列可编辑？答案

【问题标题】：How to make only selected Columns editable in ShieldUI Grid?如何在 ShieldUI Grid 中仅使选定的列可编辑？
【发布时间】：2015-12-14 04:24:30
【问题描述】：

我正在使用 ShieldUI 在网页上制作可编辑的网格。在this URL 可以找到一个非常相似的网格。

我的要求是在上面的网格中只使 1 列可编辑，同时保持其余列不可编辑。

Documentation of the ShieldUI 提供了启用或禁用一次编辑整个网格的选项。但是，它没有提供在列级别启用或禁用编辑的选项。

我在网上找不到任何关于这个主题的好资源。

作为一种可能的解决方案，我们可以使用 Javascript 强制禁用编辑，但我认为这会破坏它的简单性。

我们怎样才能做到这一点？任何帮助将不胜感激。

谢谢

【问题讨论】：

标签： javascript jquery html twitter-bootstrap shieldui

【解决方案1】：

我遇到了类似的问题，我使用 editorCreating 事件来启用/禁用默认控件行为。我在这个例子中使用了行编辑。

https://www.shieldui.com/documentation/grid/javascript/api/events/editor-creating

例如

events: {
     editorCreating: function(e) {
        if (e.field == "column_i_want_to_disable") {
            e.options = { enabled: false };
         }
    },

【讨论】：

【解决方案2】：

您应该能够通过覆盖命令事件来取消对一行的编辑，如下所述： https://www.shieldui.com/documentation/grid/javascript/api/events/command

在一行进入编辑模式之前，会发送一个“编辑”命令，该命令可以被上述命令事件捕获。

在事件处理程序中，您可以检查正在编辑的行，并在需要时取消编辑。

【讨论】：