2016-09-15 152 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

你能给出更详细的答案吗?我不明白你在说什么 –