2017-08-21 9 views
0

私のjsでは。私はkendoGridOptionsを使用してデータをロードしています。すべてのレコードを取得するデータソースをマップしました。私はpageable = trueを設定しました。ただし、ページの読み込み時にページ区切りオプションを使用できない場合は、列のいずれかを並べ替えるときにのみ使用できるようになります。以下は私のグリッドとデータソース剣道グリッドを使用したページネーションはページロードでは機能しません

するvar enhancedGridOptions =のmydataKendoGridManager.kendoGridOptions({

 dataSource: myGridDataSource, 
     sortable: true, 
     scrollable: true, 
     editable:false, 
     resizable: true, 
     reorderable: true, 
     pageable: true, 
     columnResize: function (e) { 
      adjustLastColumn(e, this); 
     }, 
     columns: 
      [ 
       { 
        field: "dealType", 
        title: $.i18n.prop('buyType.label'), 
        width: "108px" 
       }, 
       { 
        field: "myStatus", 
        title: $.i18n.prop('myStatus.label'), 
        width: "105px" 
       }, 
       { 
        field: "action", 
        title: $.i18n.prop('action.label'), 
        width: "105px" 
       }, 
       ], 
     pdf: 
     { 
      fileName: "my_List_" + (new Date()).toString(myformat + "_HH:mm") + ".pdf", 
      allPages: true, 
     }, 
     excel: 
     { 
      fileName: "my_List_" + (new Date()).toString(myformat + "_HH:mm") + ".xlsx", 
      allPages: true, 
     } 

    } 

と私のデータソースが

transport: { 
       read: function (e) { 
        myapi.rootGet("data/mylist?dealId=" + id, function (response) { 
         var data; 
         // console.log(response.data) 
         if (_.isString(response.data)) { 
          response.data = JSON.parse(response.data); 
          data = response.data; 
          setTimeout(function() { 
           e.success(data); 
          }, 10000); 
         } 
         else { 
          e.error("XHR response", response.status, JSON.parse(response.data)); 
         } 
        }); 
       }, 

      }, 
       schema: 
      { 
       model: { 
        id: "id", 
        fields: { 
         dealType: { 
          type: "string" 
         }, 
         myStatus: { 
          type: "string" 
         }, 
         action: { 
          type: "string" 
         }, 

        } 
       }, 
       parse:function(data) 
       { 
        return parseData(data); 
       } 

      }, 
       serverSorting: false, 
       serverFiltering: false, 
       serverPaging: false 
     }; 

以下誰かが何を導くことができれば認めるように構成されている構成でありますページの読み込みで機能しないページネーションに行方不明があります。

ありがとう、 Anjana

答えて

0

グリッドの左下隅に「500アイテムのNaN - NaN」というエラーが表示される場合は、dataSourceプロパティにpageSizeを追加する必要があります。

var enhancedGridOptions = mydataKendoGridManager.kendoGridOptions({ 

    dataSource: { 
     data: myGridDataSource, 
     pageSize: 50 
    }, 
    .... 
    .... 
    .... 
    pageable: { 
     pageSizes: [20, 30, 50, 100], 
     buttonCount: 5 
    } 
}); 
関連する問題