2016-06-13 7 views
0

私のアプリケーションには多くのグリッドがあります。いくつかの列は数値の列です。 すべての数値列に特定のCSSスタイル(方向:ltr)を適用し、それぞれを指定する必要はありません。すべての数値列にスタイルを適用する方法はありますか?剣道グリッド - 数字の列のみにCSSスタイルを適用します。

ありがとうございます!

答えて

0

剣道グリッドには、グリッドがセルのレンダリングを終了すると起動されるdataBoundイベントがあります。このイベントから、グリッドのviewcolumnにループし、各セルCSSを個別に設定できます。

この型は、modelの一部であり、列自体ではありません。

$.each(kendoGrid.columns, function (index, column) { 

    //Get the type from the model 
    var type = kendoGrid.dataSource.options.schema.model.fields[column.field].type; 

    var jqTd; 

    //Extra logic to handle locked columns 
    //nth-child is 1-base 
    if (columnScan.locked) { 
     lockCount++; 
     jqTd = kendoGrid.lockedContent.find("tbody>tr>td:nth-child({0})".formatWith(index + 1)); 
    } else { 
     jqTd = kendoGrid.tbody.find(">tr>td:nth-child({0})".formatWith(index + 1 - lockCount)); 
    } 

    if (type == "number") { 
     jqTd.css("background-color", "red"); 
    } 

});