3

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

2 に答える 2

11

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です。divgrid

于 2013-02-12T23:57:10.950 に答える
4

Kendo-MVC の用語では、ソリューションは非常に単純です。 

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

これは、気が狂ってツールバーのラムダで作成/カスタムボタンビルダーを使用しようとするまではうまくいきます。

その場合、ボタンはレンダリングされません。解決策は、このスレッドで特定されている他のアプローチのいずれかを使用することです: http://www.telerik.com/forums/custom-command-button-in-toolbars

于 2016-02-15T17:17:57.313 に答える