Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将基于标准的样式应用于剑道UI网格?_Javascript_Css_Kendo Ui - Fatal编程技术网

Javascript 如何将基于标准的样式应用于剑道UI网格?

Javascript 如何将基于标准的样式应用于剑道UI网格?,javascript,css,kendo-ui,Javascript,Css,Kendo Ui,我与剑道UI合作;特别是网格组件。有人知道一种技术可以让我根据行中的数据设置行的样式吗 例如,如果其中一列的值为负值,我将使用红色文本设置该行的样式 我有一些自己的想法,但我希望有人已经解决了这个问题 只需读取JavaScript输出的值即可。然后,根据值是负值、零或正值,或者根本不是数字,您可以设置不同的样式。以下代码是最终解决方案: var ApplyTestStyles = function () { //Get a reference to our data grid v

我与剑道UI合作;特别是网格组件。有人知道一种技术可以让我根据行中的数据设置行的样式吗

例如,如果其中一列的值为负值,我将使用红色文本设置该行的样式


我有一些自己的想法,但我希望有人已经解决了这个问题

只需读取JavaScript输出的值即可。然后,根据值是负值、零或正值,或者根本不是数字,您可以设置不同的样式。

以下代码是最终解决方案:

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");
        }

    }

};
var ApplyTestStyles=函数(){
//获取对我们的数据网格的引用
var grid=$(“#grid”).data(“kendoGrid”);
//获取网格数据
var gridData=网格。\ u数据;
//根据数据长度迭代数据项
对于(var i=0;itr:n子项(“+(i+1)+”);
//获取对相应数据行的引用
var row=grid.tbody.find(行选择器);
//应用基于标准的样式
//TODO:将此逻辑重构为基于标准的样式providersf
如果(current.Nav=670){
行。添加类别(“正”);
}
}
};
我最终迭代了数据发布页面加载,然后应用了特定的样式