탐색 버튼에서 검도 그리드 데이터가 사라짐

Question

페이징 기능이 활성화 된 데이터를 표시하는 검도 그리드가 있습니다.

페이지 번호 버튼을 클릭하면 데이터가있는 페이지가 변경되지만 탐색 버튼 (다음, 이전, 첫 번째, 마지막)을 클릭하면 사용 가능한 레코드가없는 메시지가 표시됩니다.

은 조각은 아래에있는 내 그리드 코드 :

function BindTranscript(ObjectData) { 
      $("#grid").kendoGrid({ 
       noRecords: true, 
       dataSource: { 
        data: ObjectData, 
        pageSize: 20, 
        schema: { 
         model: { 
          fields: { 
           Heading: { type: "string", editable: false, nullable: true }, 
           date: { type: "string", editable: false, nullable: true }, 
           person: { type: "string", editable: false, nullable: true }, 
           Visitor: { type: "string", editable: false, nullable: true }, 
           Category: { type: "string", editable: false, nullable: true }, 
           details: { type: "string", editable: false, nullable: true } 
          } 
         } 
        }, 
       }, 
       // height: 550, 
       // groupable: true, 
       sortable: true, 
       pageable: true, 
       dataBound: resizeGrid, 
       scrollable: true, 
       sortable: true, 
       columns: [{ 
        template: "<div class='icon'>" + 
        "<span class='k-icon k-i-data'></span></div> #: heading #", 
        field: "heading", 
        title: "heading", 
        width: 240 
       }, { 
        field: "date", 
        title: "Date" 
       }, 
       { 
        field: "person", 
        title: "person" 
       }, 
       { 
        field: "Visitor", 
        title: "Visitor" 
       }, 
       { 
        template: "<div class='category other'>" + 
        "<div class='cat-name'>#: Category #</div></div>", 
        field: "Category", 
        title: "Category" 
       }, 
       { 
        field: "details", 
        title: "details" 
       }], 
      }); 
     } 

Object

Data Grid With Page Numbers

코드 조각이 resizeGrid 기능에 :

function resizeGrid() { 
      var gridElement = $("#datagrid"), 
       dataArea = gridElement.find(".k-grid-content"), 
       gridHeight = gridElement.innerHeight(), 
       otherElements = gridElement.children().not(".k-grid-content"), 
       otherElementsHeight = 0; 
      otherElements.each(function() { 
       otherElementsHeight += $(this).outerHeight(); 
      }); 
      dataArea.height(gridHeight - otherElementsHeight); 
     } 

Answer 1

사용자가 정의한 사용자 schema.model.fields 및 columnfields (질문에 첨부 된 단일 개체 예제를 기반으로 함).

$("#grid").kendoGrid({ 
      noRecords: true, 
      dataSource: { 
       data: ObjectData, 
       pageSize: 10, 
       schema: { 
        model: { 
         fields: { 
          //Heading: { type: "string", editable: false, nullable: true }, 
          date: { type: "string", editable: false, nullable: true }, 
          Agent: { type: "string", editable: false, nullable: true }, 
          Visitor: { type: "string", editable: false, nullable: true }, 
          Category: { type: "string", editable: false, nullable: true }, 
          Notes: { type: "string", editable: false, nullable: true } 
         } 
        } 
       }, 
      }, 
      // height: 550, 
      // groupable: true, 
      sortable: true, 
      pageable: true,     
      scrollable: true, 
      sortable: true, 
      columns: [{ 
       field: "date", 
       title: "Date" 
      }, 
      { 
       field: "Agent", 
       title: "person" 
      }, 
      { 
       field: "Visitor", 
       title: "Visitor" 
      }, 
      { 
       template: "<div class='category other'>" + 
       "<div class='cat-name'>#: Category #</div></div>", 
       field: "Category", 
       title: "Category" 
      }, 
      { 
       field: "details", 
       title: "details" 
      }], 
     }); 

참고 :

정의 같아야 나는 그것이 (있는 경우)에 속하는 재산 모르는 나는이 Heading를 제거했습니다.

도 함께 작은 Dojo example을 두드렸다. 희망이 도움이됩니다.