如何在选择网格中的下拉列表时停止刷新kendo网格?

时间:2016-04-16 12:54:18

标签: javascript jquery telerik kendo-grid

我正在使用剑道树视图。如果我单击复选框,它将在活动列内创建另一个网格。其中一列是outputcategorycode。当我点击无值时,一个下拉列表将在那里动态绑定。然后我需要选择该下拉列表中的任何一个值。选择完成后,复选框将更改为取消选中模式,然后网格内部也会消失,这意味着整个网格都在刷新。

请查看我的Dojo链接并为我提供解决方案。

http://dojo.telerik.com/@bagya/iMeRi

提前致谢...

1 个答案:

答案 0 :(得分:2)

您可以绑定databinding事件并停止刷新网格。在databound中添加此内容会阻止网格刷新。

 $("#grid").data("kendoGrid").bind("dataBinding", function(e) {
      e.preventDefault(); 
    });

一旦你完成了“做事”和“做事”。你可以通过简单地调用

取消绑定该功能
grid.unbind("dataBinding");

Check your updated dojo with the changes

  

注意:我已将其添加到网格的数据绑定中以显示工作状态,   但你可能不应该这样做,因为它不会绑定其他网格数据。所以   添加不同的处理程序,并根据您的某些事件   要求,禁用网格刷新并在事件完成后启用。

<强>更新

您可以使用onOpen的{​​{1}}和onClose事件。请参阅以下内容:

将onOpen和onClose事件绑定到下拉列表

kendoDropDownList

onOpen通过添加数据绑定功能来阻止刷新

 function OutputProductEditor(container, options) {  


        $('<input required data-text-field="Value" data-value-field="Key" data-bind="value:' + options.field + '"/>')
            .appendTo(container)
            .kendoDropDownList({
                //autoBind: false,
                dataSource: ProductData,
          close: onClose,
          open: onOpen,
            });
    }

onClose - 删除数据绑定

function onOpen() {
                var grid = $("#grid").data("kendoGrid");

   grid.bind("dataBinding", function(e) { e.preventDefault(); });
                };

以下是updated dojo