如何在可分組的kendo網格中設置空數據文本？

Question

我有一個groupable kendo grid。

請在網格爲空時幫助我設置一些自定義文本。

如果網格不可分組，我可以使用數據綁定功能實現它。

Answer 1

這是我從KendoGridBinderEx改編的版本，因爲我想要一個數據綁定函數，它不僅可以處理空的錯誤情況。我已經修改它，主要適合你正在掙扎的東西。當我的數據源發生錯誤時，我會將它們從我傳入函數本身的事件中讀出來，這就是爲什麼你看到'e'作爲參數引用但未被使用。

function DisplayNoResultsFound(evt) { 
    var grid = evt.sender.element; 
    //Only do this if you can properly find the grid 
    if (grid.data("kendoGrid") == undefined) { 
     return; 
    } 

    // Get the number of Columns in the grid 
    var dataSource = grid.data("kendoGrid").dataSource; 
    var colCount = grid.find('.k-grid-header colgroup > col').length; 

    //Check for an empty datasource 
    if (dataSource._view.length == 0) { 
     //Clear the grid 
     //you may or may not need this depending on how your datasource returns 
     grid.find('.k-grid-content tbody').empty(); 

     //Add the no result row 
     grid.find('.k-grid-content tbody') 
     .append('<tr class="kendo-data-row"><td colspan="' + colCount + '" style="text-align:center" class="k-state-error"><b>No Results Found</b></td></tr>'); 
    } 

    // Get visible row count 
    var rowCount = grid.find('.k-grid-content tbody tr').length; 

    // If the row count is less that the page size add in the number of missing rows 
    if (rowCount < dataSource._take) { 
     var addRows = dataSource._take - rowCount; 
     for (var i = 0; i < addRows; i++) { 
      grid.find('.k-grid-content tbody').append('<tr class="kendo-data-row"><td>&nbsp;</td></tr>'); 
     } 
    } 
} 

編輯：這裏有一個JSFiddle example