爲Kendo UI Grid工具欄添加標題

我正在尋找將標題添加到Kendo UI網格工具欄並將其左對齊。有什麼方法可以將h2或h3添加到此區域？爲Kendo UI Grid工具欄添加標題

也樣式只是這個工具欄我可以訪問樣式屬性？（我想提出較暗的顏色/梯度的頂部和底部（其中分頁是））

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'/>"} 
    ],

來源

2013-02-12 user763460

標識劍道網格工具欄是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是div的id，其中包含grid。

來源

2013-02-12 23:57:10 OnaBai

太好了，非常高興您的幫助OnaBai！ – user763460 2013-02-13 14:28:34

使用工具欄模板也會不錯 – 2014-12-16 17:06:04

我知道這是一箇舊帖子OnaBai，但是代碼的和平並不適合我。我真的有你說的。 – Japa 2015-02-12 16:34:09

在劍道-MVC的說法，解決方案很簡單：

@(Html.Kendo().Grid<MyGridsViewModel>() 
    .Name("MyGridsName") 
    .ToolBar(toolbar => toolbar.Template("<h4>My Grid's Title</h4>")) 
    .DataSource(datasource => ...

這工作得很好，直到你開始變得瘋狂，並嘗試使用工具欄拉姆達使用Create /自定義按鈕建設者。

在這種情況下，按鈕從不呈現。解決方案是使用此線程中標識的其他方法之一：http://www.telerik.com/forums/custom-command-button-in-toolbars

來源

2016-02-15 17:17:57 dperish

爲Kendo UI Grid工具欄添加標題

回答

相關問題