如何在ShieldUI Grid中仅使选定的列可编辑?

时间:2015-09-17 10:20:41

标签: javascript jquery html5 twitter-bootstrap shieldui

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

我的要求只允许1列可编辑,同时在上面的网格中保留其余列不可编辑

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

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

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

我们怎样才能做到这一点?任何帮助都将受到高度赞赏。

由于

2 个答案:

答案 0 :(得分:2)

我遇到了类似的问题,我使用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 };
         }
    },

答案 1 :(得分:1)

您应该可以通过覆盖命令事件取消对行的编辑,如下所述: https://www.shieldui.com/documentation/grid/javascript/api/events/command

在一行进入编辑模式之前,"编辑"发送命令,可以通过上述命令事件捕获。

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