Kendo ui KendoUI网格-如何将类添加到生成的表中
我正在使用ajax数据源生成一个KendoUI网格。该表是生成的,默认情况下没有类。为了使它与站点的其他部分保持一致,我想给它添加一个类“interactive” 我知道我可以使用Kendo ui KendoUI网格-如何将类添加到生成的表中,kendo-ui,kendo-grid,Kendo Ui,Kendo Grid,我正在使用ajax数据源生成一个KendoUI网格。该表是生成的,默认情况下没有类。为了使它与站点的其他部分保持一致,我想给它添加一个类“interactive” 我知道我可以使用JQuery.addClass()方法来实现这一点,在生成网格后运行,但是是否有办法在网格设置/配置中进行设置 提前谢谢。我想您除了使用addClass()之外别无选择。在他们的文档中找不到关于在JS中使用Build-it属性设置网格(非网格列)的任何内容。我也试过了,但没有成功。除非你这样声明(C#): 但是如果你真
JQuery.addClass()
方法来实现这一点,在生成网格后运行,但是是否有办法在网格设置/配置中进行设置
提前谢谢。我想您除了使用
addClass()
之外别无选择。在他们的文档中找不到关于在JS中使用Build-it属性设置网格(非网格列)的任何内容。我也试过了,但没有成功。除非你这样声明(C#):
但是如果你真的需要JS,那么你必须这样做:
$("#pending_documents").kendoGrid({
dataSource: {
//code
}
}).addClass("newclass");
您可以通过在您使用的原始元素中定义一个类来实现,如:
<div id="pending_documents" class="your-class-name"> </div>
我这样做的方式是将它添加到配置中的
属性部分的我的列中。根据要设置类的列,执行以下操作:
columns: [{ field: 'Name', title: 'Company Name', width: '250px',attributes: {
"class": "class1 class2"
}},
.
.
.
.
.
.
.]
这样,“Name”列中的所有项(在我的例子中)都在网格初始化时设置了它们的类。无需执行额外的jquery来添加类。我一开始就试过了。在我尝试对列进行排序之前,使用jquery方式(使用addClass)一直有效,然后绑定中断(可能是因为我们在实现中所做的魔术)。按照上面的方法进行操作后,我的绑定即使在排序之后也能正常工作。您还可以使用TableHtmlatAttributes()
@(Html.Kendo().Grid())
.Name(“dataGrid”).TableHtmlatAttributes(新的{@class=“interactive”})
是的,不幸的是,该类需要直接应用于表,因此我唯一的选择是按照我在问题中所述的方式将其添加到生成的表之后。感谢您投入时间进行调查!嗨,DJ Burb,这种方式可以让您通过knockout.js而不是aJax嵌入数据吗?谢谢这对我很好…唯一警告是无法使用模板…即,以下内容无效…模板:'#=Name#',属性:{'class':'ui-icon-arrowthick-2-n-s'}。。。。
<div id="pending_documents" class="your-class-name"> </div>
columns: [{ field: 'Name', title: 'Company Name', width: '250px',attributes: {
"class": "class1 class2"
}},
.
.
.
.
.
.
.]
@(Html.Kendo().Grid<Object>()
.Name("dataGrid").TableHtmlAttributes(new { @class = "interactive" })