Javascript 剑道网格分页到自定义包装器

这是我的剑道网格，我需要将分页按钮包装到我的自定义包装器中，名为

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 

            }
        ]
    });

var grid=$（“#taskTableKendo”）.kendoGrid({
数据来源：tasksData，
可排序：是的，
可滚动：false，
自动绑定：错误，
可分页：{
刷新：是的，
页面大小：[20、50、100]
},
数据绑定：tasksDataBound，
栏目：[
{字段：“职责代码”，标题：，宽度：30，编码：false，模板：'}，
{字段：“TaskRef”，标题：“TaskRef”，编码：false}，
{字段：“所有者全名”，标题：“所有者”，宽度：80，模板：“#=所有者全名#”}，
{字段：“Property_PropertyRef”，标题：“Property Ref”}，
{字段：“财产名称”，标题：“财产名称”}，
{字段：“财产城市”，标题：“城市”}，
{字段：“财产\国家\名称”，标题：“国家”}，
{字段：“作业类型\名称”，标题：“作业类型”，宽度：700}，
{字段：“任务状态”，标题：“状态”}，
{字段：“到期日”，标题：“到期日”}，
{字段：“DateLogged”，标题：“DateLogged”，隐藏：true}，
{字段：“注释”，隐藏：true}，
{字段：“文档”，隐藏：true}，
{
命令：[{text:“单击此处向此任务添加注释”，className:“addComment”，单击：addCommentCommand，模板：'Actions
}，
{text:“单击此处将文档添加到此任务”，className:“addFile”，单击：documentCommand，模板：'
'}，
{text:“单击此处将此任务重新分配给其他人”，类名：“重新分配”，数据：{field:“Id”}，单击：reallocateCommand}，
{text:“单击此处关闭此任务”，className:“closeTask”，单击：completeTaskCommand}，
{text:“单击此处查看和编辑此任务”，className:“viewTask”，单击：editTaskCommand，模板：'
'}
],
标题：“，
宽度：185
}
]
});

---

我只需要将kendo的“转到上一页”、“转到下一页”按钮更改为我用html创建的自定义按钮。

可以在网格事件中的

setTimeout

块（不需要超时值）内修改网格的html呈现。

我找到了解决方案，仅用于更改您可以使用的上一个/下一个按钮

  pageable: {
        previousNext: true,
        messages: {
            display: "{0}-{1} of {2} total tasks",
            select: "test",
            empty: "No tasks to display",
            first: "«",
            last: "»",
            next: "›",
            previous: "‹"
        },

---

我已经搜索了所有堆栈溢出，但没有找到正确的答案。

你能给出更详细的答案吗？我听不懂你说的话