【问题标题】:Kendo Grid pager buttonsKendo Grid 寻呼机按钮
【发布时间】:2014-03-12 18:10:51
【问题描述】:

网格pageable.previousNext中有一个选项

如果设置为 true,寻呼机将显示用于转到第一页、上一页、下一页和最后一页的按钮。默认情况下会显示这些按钮。

我的问题是:有没有办法只显示下一个和最后一个按钮?如果我将其设置为 false,它将隐藏所有按钮,并真正显示它们。

看了源码好像没有剑道的选项,不知道大家有没有变通办法?

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "productName" },
    { field: "category" }
  ],
  dataSource: [
    { productName: "Tea", category: "Beverages" },
    { productName: "Coffee", category: "Beverages" },
    { productName: "Ham", category: "Food" },
    { productName: "Bread", category: "Food" }
  ],
  pageable: {
    pageSize: 2,
    previousNext: false
  }
});
</script>

谢谢, 亨利

【问题讨论】:

    标签: kendo-grid kendo-asp.net-mvc


    【解决方案1】:

    寻呼机链接包含以下类。

    k-pager-first - 第一页链接上的类 k-pager-last - 最后一页链接上的类

    所有其他页面链接上的类

    k-pager-numbers

    - data-page="2"
    - data-page="3"
    

    您可以使用jQuery,并禁用您不希望用户使用的链接。

    不是很优雅,但应该可以工作。

    【讨论】:

    • 谢谢,这是我正在考虑的一个选项,或者可能使用 css 隐藏它们
    猜你喜欢
    • 1970-01-01
    • 2014-07-19
    • 1970-01-01
    • 1970-01-01
    • 2021-11-23
    • 2012-08-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多