kendo-ui - Kendo UI Grid - 如何将类添加到生成的表中

Question

我正在使用 ajax 数据源生成 KendoUI 网格。该表已生成，默认情况下没有类。为了使其看起来与网站的其他部分保持一致，我想向其添加一个“interactive”类。

$("#pending_documents").kendoGrid({
    dataSource: {
        transport: {
            read: "/get-data?type=1"
        },
        schema: {
            data: "data",
            total: "total"
        },
        pageSize: 2,
        serverPaging: true,
        serverFiltering: true,
        serverSorting: true,
        reorderable: true
    },
    height: 500,
    filterable: {
        extra: false
/*
, ui: "datetimepicker" // use Kendo UI DateTimePicker
*/
    },
    sortable: true,
    pageable: {
        pageSize: 2        },
    columns: [...]
});
    });

我知道我可以使用 JQuery.addClass() 方法来执行此操作，在生成网格后运行，但是是否有办法在网格设置/配置中设置它？

提前致谢。

Answer 1

我猜你除了使用addClass()之外别无选择。在他们的文档中找不到任何有关使用 JS 中的内置属性设置网格(不是网格列)htmlAttributes 的内容。我也尝试过但没有成功。除非你像这样声明它(C#):

@(Html.Kendo().TabStrip()
    .Name("TabStrip")
    .HtmlAttributes( new { @class = "newclass"})
)

但是如果你真的需要在 JS 中使用它，那么你就必须这样做:

$("#pending_documents").kendoGrid({
dataSource: {
   //code
  }
}).addClass("newclass");