将标题添加到Kendo UI网格工具栏

Question

我希望为Kendo UI网格工具栏添加标题并将其左对齐.有什么方法可以在这个区域添加h2或h3吗？

这个工具栏也可以访问样式属性吗？(我想在顶部和底部放置一个较暗的颜色/渐变(分页是)

toolbar   : [
        {"name": "create", template: "<img class='k-grid-add' src='add.png'/>"},
        {"name": "save", template: "<img class='k-grid-save-changes' src='save.png'/>"},
        {"name": "cancel", template: "<img class='k-grid-cancel-changes' src='cancel.png'/>"}
    ],

Answer 1

标识Kendo Grid工具栏的类是k-grid-toolbar.因此,对于样式,您可以使用:

#grid .k-grid-toolbar { 
    background: red;
}

要将某些内容添加到工具栏,您可以使用:

$(".k-grid-toolbar", "#grid").prepend("<h1>hello</h1>");

要么

$(".k-grid-toolbar", "#grid").before("<h1>hello</h1>");
$(".k-grid-toolbar", "#grid").after("<h1>hello</h1>");

取决于您是否要在div包含按钮之前或之后添加HTML .

和grid是id的div包含grid.