【问题标题】:Kendo UI grid for AngularJS detail row automatically collapse after inserting itmes into detail data source将项目插入详细信息数据源后,AngularJS 详细信息行的 Kendo UI 网格会自动折叠
【发布时间】:2026-02-10 00:00:01
【问题描述】:

我正在为 AngularJS 使用 Kendo UI 网格。场景是;我已经扩展了一个主行,该主行在其详细信息模板中包含另一个网格。当我在详细模板网格中插入新项目时,主行自动折叠。我想要的是当我对详细模板网格进行更改时,必须对主行没有影响(我的意思是不应该折叠)。任何帮助将不胜感激。

【问题讨论】:

  • 您可能需要创建一个 jsFiddle 或 Plunk 来更简洁地解释问题。

标签: angularjs kendo-ui


【解决方案1】:

我知道这个问题很老,但我遇到了同样的情况并想出了这个,当你重新绑定/刷新网格时,网格会重新渲染,因此你会折叠你的行。显然这种行为是剑道 ui。您唯一能做的就是获取扩展的行 ID,然后重新绑定网格,重新绑定后再次扩展该行

【讨论】:

    【解决方案2】:

    尝试在网格中添加一个 dataBinding 函数来取消对项 Change 事件的默认操作。

    以下示例:

     $("#grid").kendoGrid({
            navigatable: true,
            sortable: true,
            dataBinding: function (e) {
                if (e.action == "itemchange") {
                    e.preventDefault();
                }
    
            },
        });
    

    【讨论】: