So aktualisieren Sie Spalten dynamisch in Kendo-Raster

Question

Wir verwenden Kendo-Raster mit angularjs, versuche, Spalten Daten dynamisch zu aktualisieren, aber es aktualisiert Spalte Info nicht. Unten ist der Code.

function loadSelectRowsGrid(gridData) { 

    var selectRowsGridID = "#rowsConfiguration-Grid"; 
    var grid = $(selectRowsGridID).data("kendoGrid"); 
    if (grid !== undefined && grid.dataSource.options.data !== null) { 
     grid.destroy(); 
     } 

    pcService.rowConfiguration.configurationItem = []; 
    pcService.columnCollection.columns = []; 

    var maxColumnCount = 3 
    for (var i = 0 ; i <= maxColumnCount; i++) { 
     if (i != 0) { 
      //var columnObject = { "field": gridData.columnData[i].field };//+ "," + "title:" + localizationService.GetLocalizedText(gridData.columnData[i].field); 
      var columnObject = { "field": gridData.columnData[i].field, "title": localizationService.GetLocalizedText(gridData.columnData[i].field) }; 
      pcService.columnCollection.columns.push(columnObject); 
     } 
     else { 

     } 
    } 

    $(selectRowsGridID).kendoGrid({ 
     dataSource: { 
      data: gridData.gridData, 
     }, 
     columns: pcService.columnCollection.columns, //gridData.columnData, 
     scrollable: false, 
    }); 

}

Bitte helfen Sie mir, wie Spaltendaten dynamisch zu aktualisieren.

UPDATE

fand ich den Grund, warum dies geschieht, weil ich Kendo Fenster verwendet haben, wo, wenn ich das Popup zu schließen, aber es in DOM sitzt immer noch. Wie kendowindow popup zu löschen? Unten ist mein Syntax:

var selectRowsDialog = $("#select-Rows-dialog").kendoWindow({ 
    width: "800px", 
    title: "Select rows", 
    autoOpen: false, 
    closable: true, 
    modal: true, 
    visible: false, 
    close: function() { }, }).data("kendoWindow").center().open(); 

Answer 1

Dies ist, wie ich ein Kendo-Widget zerstören:

$("#wnd") 
    .detach() 
    .data("kendoWindow") 
     .close() 
     .destroy(); 

Zuerst habe ich detach es aus dem DOM, dann destroy ich es.

Demo