【问题标题】:How stop refreshing the kendo grid while selecting dropdown inside grid?如何在选择网格内的下拉菜单时停止刷新剑道网格?
【发布时间】:2016-08-08 10:44:53
【问题描述】:

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

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

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

提前谢谢...

【问题讨论】:

    标签: javascript jquery telerik kendo-grid


    【解决方案1】:

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

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

    完成“做事”后,您只需调用即可取消绑定函数

    grid.unbind("dataBinding");
    

    Check your updated dojo with the changes

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

    更新:

    您可以使用kendoDropDownListonOpenonClose 事件。参考下:

    将 onOpen 和 onClose 事件绑定到下拉菜单

     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,
                });
        }
    

    onOpen 添加数据绑定功能防止刷新

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

    onClose - 移除数据绑定

      function onClose() {
                       var grid = $("#grid").data("kendoGrid");
                      grid.unbind("dataBinding");
                    };
    

    这里是updated dojo

    【讨论】:

    • 非常感谢您的建议。它正在工作,但我不需要添加“grid.unbind("dataBinding");"。请帮帮我
    • 对不起,我不明白。你能改写你的问题吗?
    • 抱歉评论错误。实际上我需要在哪里使用这个 grid.unbind("dataBinding");"。在我的情况下我需要如何使用。谢谢...
    • 如果有任何与剑道有关的疑问,我会问你。怎么联系你?
    • 请回复我怎么联系你?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-10-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多