pageable.input Boolean (default: false)

If set to true, the pager will display an input element which allows the user to type a specific page number. By default, the page input is not displayed.

Avoid using pageable.input and pageable.numeric simultaneously.

Example - showing the pager input

<div id="treeList"></div>
<script>
    $("#treeList").kendoTreeList({
        columns: [
          { field: "id" },
          { field: "name" }
        ],
        dataSource: {
            data: [
              { id: 1, parentId: null, name: "item 1" },
              { id: 2, parentId: 1, name: "item 2" },
              { id: 3, parentId: 1, name: "item 3" },
              { id: 4, parentId: 1, name: "item 4" },
            ]
        },
        pageable: {
            pageSize: 2,
            input: true
        }
    });
</script>
In this article
Not finding the help you need? Improve this article