0

私は剣道UIで作業しています。具体的には、グリッド コンポーネントを使用します。行のデータに基づいて行のスタイルを設定できる手法を知っている人はいますか?

たとえば、列の 1 つの値が負の場合、その行を赤いテキストでスタイルします。

私は自分でそれを行う方法についていくつかのアイデアを持っていますが、誰かがすでにこの問題を解決していることを願っています.

4

2 に答える 2

0

次のコードは最終的な解決策でした:

var ApplyTestStyles = function () {
    //Get a reference to our data grid
    var grid = $("#grid").data("kendoGrid");

    //Get grid data 
    var gridData = grid._data;

    //iterate the data items based on data length
    for (var i = 0; i < gridData.length; i++) {

        //grab the current grid data item
        var current = gridData[i];

        //the css selector used to find the given data items html table row
        var rowSelector = ">tr:nth-child(" + (i + 1) + ")";

        //Grab a reference to the corrosponding data row
        var row = grid.tbody.find(rowSelector);

        //apply criteria based styles
        //TODO: refactor this logic into criteria based style providersf 
        if (current.Nav <= 670) {
            row.addClass("Negative");
        }
        else if (current.Nav >= 670) {
            row.addClass("Positive");
        }

    }

};

最終的に、データ ポスト ページの読み込みを繰り返し、特定のスタイルを適用することになりました。

于 2012-06-11T17:25:20.270 に答える
0

JavaScript を使用して値を読み取るだけです。次に、値が負、ゼロ、または正であるか、数値ではないかによって、異なるスタイルを設定します。

于 2012-05-11T15:46:17.003 に答える