2016-04-21 115 views
0

我正嘗試將新項目插入現有的kendo ui表格中,但沒有顯示任何內容。 DataSource從ajax請求中收取費用。在這裏,在我的劍道UI表使用kendo ui庫將項目插入數據源時出錯

var baseUrl = '/SMART/api/Build/GetAll'; 
    var dataSource = new kendo.data.DataSource({ 
     transport: { 
      read: { 
       url: baseUrl, 
       dataType: "json", 

      }, 
      parameterMap: function (options, operation) { 
       if (operation !== "read" && options.models) { 
        return { 
         models: kendo.stringify(options.models) 
        }; 
       } 
      } 
     }, 
     batch: true, 
     pageSize: 15 
    }); 

    $("#listGrid").kendoGrid({ 
     dataSource: dataSource, 
     pageable: true, 
     reorderable: true, 
     resizable: true, 
     sortable: true, 
     filterable: { 
      mode: "row" 
     }, 
     columns: [ 

     { 
      filterable: { 
       cell: { 
        enabled: true, 
        showOperators: false, 
        operator: "contains" 
       } 
      }, 
      field: "Name", 
      title: "Name" 
     }, 
     { 
      filterable: { 
       cell: { 
        enabled: true, 
        showOperators: false, 
        operator: "contains" 
       } 
      }, 
      field: "Type", 
      title: "Type" 
     },{ 
      filterable: { 
       cell: { 
        enabled: true, 
        showOperators: false, 
        operator: "contains" 
       } 
      }, 
      field: "ToBeDisplayed", 
      title: "To be displayed", 
      template: "<input name='ToBeDisplayed' type='checkbox' data-bind='checked: ToBeDisplayed' #= ToBeDisplayed ? checked='checked' : '' # class='build-tobedisplayed-checkbox'/>" 
     }, 
     ] 
    }) 

的定義這裏是插入

var grid = $("#listGrid").data("kendoGrid"); 
    grid.dataSource.insert({ Name: "6.03", Type: "WIP", ToBeDisplayed: true }); 

回答

0

的問題是一個簡單的代碼。

insert命令還需要一個索引位置作爲插入即的一部分:

grid.dataSource.insert({ Name: "6.03", Type: "WIP", ToBeDisplayed: true }); 

grid.dataSource.insert(1,{ Name: "6.03", Type: "WIP", ToBeDisplayed: true }); 

具體根據文檔鏈接。 datasource insert

如果要將新項目添加到數據源集合,請改爲使用add方法。

datasource add