1

KendoUI は初めてです。(正しくないのは誰ですか?) グリッドがあり、行テンプレートを使用しています。私のデータセットには、いくつかのブール値が含まれています。製品のステータスを視覚的に示すために、製品名の後にアイコンを挿入したいと考えています。

例 製品がしきい値数を下回った場合、低在庫アイコンを表示したいと考えています。製品に在庫よりも多くの注文がある場合、別の警告アイコンを表示したいと考えています。そのため、ほとんどの製品にはアイコンがありません。ただし、複数のアイコンを持つものもあります。

誰かがこの問題の優れた解決策を持っていますか? ブール値に基づいてアイコンを表示または非表示にできるように、テンプレートをどのようにフォーマットしますか?

4

1 に答える 1

2

RowTemplate を使用して、セルの値に基づいて CSS クラスを設定できます。

http://demos.kendoui.c​​om/web/grid/rowtemplate.html

たとえば、名前とステータスの 2 つの列を持つグリッドを考えてみましょう。次のような行テンプレートを作成できます。

var rowTemplate = "<tr><td class='#= Status #'></td><td>#= Name #</td></tr>";

そして、各ステータスの CSS クラスを作成します。

.status1 { background-image: Url("/images/status1image.gif"); }
.status2 { background-image: Url("/images/status2image.gif"); }

次に、RowTemplate をグリッドに適用します。データが変更されると、CSS クラスは適切な画像を表示する必要があります。

私はこれを正確に試していませんが、うまくいくはずです。

于 2012-08-09T00:45:32.387 に答える