4

Kendo UIそのセルの値に応じて条件付きでグリッド セルをフォーマットする方法はありますか。また、値に応じてグリッドセルにクラスを追加したいと思います。( ASP.net, C#, Razor)

PS

解決

ああ、私はそれを理解しました。

<script>
    function onDataBound(e) {
        $('td').each(function() {
            if ($(this).text() == 'Condition') {
                $(this).addClass('customClass');
            }
        });
    }
</script>

グリッドはこんな感じ

@(Html.Kendo().Grid<CustomStylesOnDataBound.ViewModels.EmployeeViewModel>()
              .Name("mvcGrid")


              .Columns(columns =>
              {
                  columns.Bound(p => p.EmployeeId).Width(100);
                  columns.Bound(p => p.FirstName).Width(75);
                  columns.Bound(p => p.LastName).Width(75);
                  columns.Bound(p => p.Address);
              })
              .Events(e => e.DataBound("onDataBound"))
              .Filterable()
              .Pageable()
              .DataSource(dataSource => dataSource
                .Ajax()                                
                .PageSize(50)
                .Read(read => read.Action("Employees_Read", "Home"))
            )
)

これに対するより良い解決策があるかどうかはわかりませんが、仕事は完了します。タイ・ピーター

4

2 に答える 2

0

$(e.sender.element).find('td').eachセレクターに使用することをお勧めします。

追加$(e.sender.element)すると、検索がグリッドのみに制限されます。そうしないと、フォームに複数のテーブルがある場合、他のテーブルのセルも見つかります。

また、 を使用すると、 を使用してグリッド内のさまざまな列を確認$(e.sender.element).find('tr').eachでき$(this.cells[0]).text()ます。クラスの割り当ては次のようになります。$(this.cells[1]).addClass('customClass');

于 2014-01-08T16:42:12.557 に答える
0

あなたの質問は、このコード ライブラリの記事でカバーされています。

于 2013-07-30T07:47:21.740 に答える