2016-09-15 53 views
0

這是我的劍道格,我需要換分頁按鈕進入我定製的包裝,命名劍道電網分頁到自定義包裝

var grid = $("#taskTableKendo").kendoGrid({ 
     dataSource: tasksData, 
     sortable: true, 
     scrollable: false, 
     autoBind: false, 
     pageable: { 
      refresh: true, 
      pageSizes: [20, 50, 100] 
     }, 
     dataBound: tasksDataBound, 
     columns: [ 
      { field: "Responsibility_Code", title: " ", width: 30, encoded: false, template: '<span class="responsibility type#=Responsibility_Code#" title="#=Responsibility_Description#"></span>' }, 
      { field: "TaskRef", title: "Task Ref", encoded: false }, 
      { field: "Owner_FullName", title: "Owner", width: 80, template: "<span class='usercell'>#=Owner_FullName#</span>" }, 
      { field: "Property_PropertyRef", title: "Property Ref" }, 
      { field: "Property_Name", title: "Property Name" }, 
      { field: "Property_City", title: "City" }, 
      { field: "Property_Country_Name", title: "Country" }, 
      { field: "JobType_Name", title: "Job Type",width:700 }, 
      { field: "TaskStatus", title: "Status" }, 
      { field: "DueDate", title: "Due" }, 
      { field: "DateLogged", title: "DateLogged", hidden: true }, 
      { field: "Comments", hidden: true }, 
      { field: "Documents", hidden: true }, 
      { 
       command: [{ text: "Click here to add a comment to this task", className: "addComment", click: addCommentCommand, template: '<div class="dropdown pull-right"><button class="btn btn-link dropdown-toggle text-green-lime" type="button" id="linkDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> Actions <span class="caret"></span></button> <ul class="dropdown-menu" aria-labelledby="linkDropdown"><li> <a href="" class="k-button k-button-icontext addComment k-grid-Clickheretoaddacommenttothistask" title="Click here to add a comment to this task"><span class="CommentsNumbers"></span></a></li>' }, 
        { text: "Click here to add a document to this task", className: "addFile", click: documentCommand, template: '<li><a href="" class="k-button k-button-icontext addFile k-grid-Clickheretoaddadocumenttothistask" title="Click here to add a document to this task"><span class="DocumentsNumbers"></span></a> </li>' }, 
        { text: "Click here to reallocate this task to a different person", className: "reallocate", data: { field: "Id" }, click: reallocateCommand }, 
        { text: "Click here to close this task", className: "closeTask", click: completeTaskCommand }, 
        { text: "Click here to view and edit this task", className: "viewTask", click: editTaskCommand, template: ' </ul> </div>'} 
       ], 
       title: " ", 
       width: 185 

      } 
     ] 
    }); 

我只需要改變,劍道的返回上一頁,轉到下一頁按鈕自定義的由我在HTML中創建的。

回答

0

我找到了解決方案,只是改變上/下一個按鈕,你可以使用

pageable: { 
     previousNext: true, 
     messages: { 
      display: "{0}-{1} of {2} total tasks", 
      select: "test", 
      empty: "No tasks to display", 
      first: "&laquo;", 
      last: "&raquo;", 
      next: "&rsaquo;", 
      previous: "&lsaquo;" 
     }, 

我找遍了所有堆棧溢出,但還沒有找到正確的答案這一點。

0

可以在Grid的dataBound事件中修改setTimeout塊(網格中不需要超時值)內的網格pager的HTML呈現。

+0

你能給出更詳細的答案嗎?我不明白你在說什麼 –