javascript - 当 autoBind 设置为 false 时，如何在 Kendo UI Grid 中隐藏寻呼机？

Question

我有一个将“自动绑定(bind)”属性设置为 false 的 Kendo UI 网格。我还将“pageable.alwaysVisible”属性设置为 false，以便在不需要时隐藏网格的寻呼机。

我遇到的问题是因为网格在第一次加载时没有数据绑定(bind)，所以“alwaysVisible”属性不起作用并且显示了寻呼机。在此阶段，我希望寻呼机被隐藏，因为没有要分页的数据。

当网格没有数据绑定(bind)时，我是否可以在第一次加载时隐藏寻呼机？

Answer 1

您想要的东西看起来不像是开箱即用的，但您可以使用一些 CSS 来实现它。这可能是比我之前的回答更好的方法，我之前的回答本质上触发了网格无论如何都要绑定(bind)自己。如何在最初隐藏寻呼机直到最终绑定(bind)网格，此时它接管寻呼机可见性的管理？

<style>
  #grid>.k-pager-wrap.k-grid-pager {
    display: none;
  }
</style>
<div id="grid"></div>
<button onclick="javascript:$('#grid').data('kendoGrid').dataSource.read()">Refresh</button>
<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: 3,
      alwaysVisible: false
    },
    autoBind: false
  });
</script>

此处示例:https://dojo.telerik.com/EBaZAjAc