通过jQuery隐藏kendo网格刷新

Question

<a href="#" class="k-pager-refresh k-link" title="Refresh">
      <span class="k-icon k-i-refresh">Refresh</span>
</a>

我正在尝试使用以下jQuery代码隐藏跨度类。但是，没有变化，刷新图标不断出现。

$(".k-icon.k-i-refresh").css("display", "none");

我也尝试使用

$(".k-icon.k-i-refresh").hide();

，但没有影响。

Answer 1

在网格的Pageable属性中，您可以将refresh设置为false。如下：

pageable: {
    refresh: false,
    pageSizes: true,
    buttonCount: 5
}

这是网格中的一个示例。单击此处查看跑步示例。

$("#grid").kendoGrid({
    dataSource: {
        type: "odata",
        transport: {
            read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Customers"
        },
        pageSize: 20
    },
    height: 550,
    groupable: true,
    sortable: true,
    pageable: {
        refresh: false,
        pageSizes: true,
        buttonCount: 5
    },
    columns: [{
        field: "ContactName",
        title: "Contact Name",
        width: 240
    }, {
        field: "ContactTitle",
        title: "Contact Title"
    }, {
        field: "CompanyName",
        title: "Company Name"
    }, {
        field: "Country",
        width: 150
    }]
});

这将删除分页栏的刷新按钮。

Answer 2

只是尝试禁用按钮：

$(".k-pager-refresh").hide();

仅禁用内跨类类，我刚刚尝试过(并且它起作用(：

$(".k-icon.k-i-reload").hide();

确保在创建网格后将这些行被驱除。例如，在$(文档(中。dready块。