刷新两个剑道网格

Question

我在同一个页面上有两个剑道网格，上面的网格包含“父”记录，下面的网格在单击父时显示父的“子”。

当我对父级执行操作时，我想 a) 更新数据库（父记录和子记录都受到影响），b) 重新加载父网格中的数据，然后 c) 重新加载子网格中的数据.

我可以做 a) 和 b)，但 c) 不起作用。

这是我的功能：

// Restore a Soft-Deleted person
var processRestoreURL = crudServiceBaseUrl + '?method=restorePerson';
function restorePerson(id, row){
    if (confirm('#getResource("person.detail.confirmrestore")#')) {
        $.ajax({
            type: 'POST',
            url: processRestoreURL,
            data: {
                PERS_KY: id
            },
            success: function (data){
                // Refresh the datasource so the row updates itself
                $("#list").data("kendoGrid").dataSource.read();

                // TO DO: Make the Organisation tab reload with the restored data
                $("#organisationGrid").data("kendoGrid").dataSource.read();
                    // doesn't work :-(
                    // Seems to execute BEFORE the datasource refresh
                    // Maybe I just need to reload the tab here, no need to reread the datasource?


            },
            error: function (xhr, textStatus, errorThrown){
                alert("Error while restoring person"+ "\n"+ xhr + "\n"+ textStatus + "\n" + errorThrown);
            }
        });
    }
}

如何让#organisationGrid 刷新？

---

编辑

//on dataBound event
// 1: Change search operator to contain for every 'string' type
// 2: restore previous selected rows
// 3: Save person filter information in cookie
function dataBoundFunction(){
    //Search change
    setTimeout(function(){
        var header;
        $('.k-header').each(function(i){
            if ($(this).data('kendoColumnMenu')) {
                header = $(this).data('kendoColumnMenu');
                if (header.filterMenu) {
                    header.menu.bind('open', function(e){
                        if ($(e.item).is('.k-filter-item')) {
                            header = $('.k-header:eq(' + i + ')').data('kendoColumnMenu');
                            var popup = header.filterMenu.popup;
                            if (!$(popup.element).data('alreadyOpened')) {
                                var select = this.element.find('select:first');
                                var option = select.children('option:contains("Contains")');
                                if (option.length > 0) {
                                    select.data('kendoDropDownList').select(option.index());
                                    header.filterMenu.filterModel.set("filters[0].operator", "contains");
                                }
                                $(popup.element).data('alreadyOpened', true);
                            }
                        }
                    });
                    header.filterMenu.form.bind('reset', function(){
                        $(this).parent().data('kendoFilterMenu').popup.element.data('alreadyOpened', false);
                    });
                }
            }
            else
                if ($(this).data('kendoFilterMenu')) {
                    header = $(this).data('kendoFilterMenu');
                    header.popup.bind('open', function(){
                        if (!$(this.element).data('alreadyOpened')) {
                            header = $('.k-header:eq(' + i + ')').data('kendoFilterMenu');
                            var select = this.element.find('select:first');
                            var option = select.children('option:contains("Contains")');
                            if (option.length > 0) {
                                select.data('kendoDropDownList').select(option.index());
                                header.filterModel.set("filters[0].operator", "contains");
                            }
                            $(this.element).data('alreadyOpened', true);
                        }
                    });
                    header.form.bind('reset', function(){
                        $(this).parent().data('kendoFilterMenu').popup.element.data('alreadyOpened', false);
                    });
                }
        });
    }, 1);
    //selected row
    var view = gridList.dataSource.view();
    var currentSelection = gridList.wrapper.data('currentSelection');
    for(var i = 0; i < view.length;i++){
        if(checkedIds[view[i].id]){
            gridList.table.find("tr[data-uid='" + view[i].uid + "']")
                .find("input[type=checkbox]")
                .attr("checked","checked");
        }
    }
    if(currentSelection) {
        gridList.select('[data-uid=' + gridList.dataSource.get(currentSelection).uid + ']');
    }
}

Answer 1

这是一个简单的演示，希望向您展示如何做到这一点：

http://dojo.telerik.com/UfeDO

重要的一点是第一个网格中的这一点：

  dataBound: function (e) {
      console.log(e);

      reboundTimes = reboundTimes + 1;

      $('#newConsole').html('<strong>rebinding child grid now: have done this: ' + reboundTimes + ' time(s)</strong>');
      $('#grid2').data('kendoGrid').dataSource.read();
  },

所有这一切都是一旦触发 DataBound 事件，它就会记录到控制台（只是为了向您展示事件所做的事情）以及增加一个计数器以向您显示这是触发事件。

一旦它被触发，它就会调用第二个网格，然后触发数据源上的读取事件。

任何问题让我知道。