Kendo ui 如何将图标添加到列标题,以便在弹出式编辑中显示图标?
我想在kendoGrid表的列标题中添加一个图标。图标显示在编辑弹出窗口中对我来说很重要。因此,无法使用headerTemplate。 到目前为止,这是可行的。如果现在添加了groupable:true,则标题中会显示标题属性。 我的示例代码:Kendo ui 如何将图标添加到列标题,以便在弹出式编辑中显示图标?,kendo-ui,Kendo Ui,我想在kendoGrid表的列标题中添加一个图标。图标显示在编辑弹出窗口中对我来说很重要。因此,无法使用headerTemplate。 到目前为止,这是可行的。如果现在添加了groupable:true,则标题中会显示标题属性。 我的示例代码: $(“#网格”).kendoGrid({ 可编辑:“弹出”, 分组:对, 栏目:[{ 字段:“名称”, 标题:“名称”+“”, },{命令:“编辑”} ], 数据源:[{name:“Jane Doe”},{name:“John Doe”}], });
$(“#网格”).kendoGrid({
可编辑:“弹出”,
分组:对,
栏目:[{
字段:“名称”,
标题:“名称”+“”,
},{命令:“编辑”}
],
数据源:[{name:“Jane Doe”},{name:“John Doe”}],
});
如何在列标题中添加图标,以便在弹出式编辑中显示图标?如下:
标题必须是字符串
对于标题,我使用了
对于编辑器中的标签,我使用了
对于组指示符,我复制了CSS样式,将“I”添加到“.k-I-info”
$("#grid").kendoGrid({
editable: "popup",
groupable: true,
columns: [{
field: "name",
title: "Name" + " <span class=\'k-icon k-i-info\' ></span>",
},{ command: "edit" }
],
dataSource: [ { name: "Jane Doe" }, { name: "John Doe" } ],
});