小编Shu*_*nvy的帖子

Kendo在网格中更改字体颜色

是否可以Kendo通过某种条件更改网格的字体颜色?我希望我能获得jquery可识别的数据,如:

if($("div td:contains('Online')")) {
         $("div :contains('Online')").css( "font-color", "Red" );
}
Run Code Online (Sandbox Code Playgroud)

我有数据进入数据库以显示谁在线/离线,但这两个词有点类似,所以我希望我可以将文本'在线'更改为红色.我可以成功显示数据,但我没有任何其他标记(id或名称等)来使每个数据不同....

我必须做的唯一方法是让每一行都有id或标签吗?我可以用它.contains来找到物体并改变颜色吗?

我的HTML只是简单地说:

<body>
<div id="grid"></div>
<script>
    $(function() {
        $("#grid").kendoGrid({
            dataSource: {
                transport: {
                    read: "data/userState.php"
                },
                error: function(e) {
                    alert(e.responseText);
                },
                schema: {
                    data: "results",
                    total: "Count"
                },
                pageSize: 10
            },
            columns: [{ field: "userAcc", title: "Account" },{ field: "state", title: "State" }],
            pageable: {
                refresh: true,
                pageSizes: true
            },
            height: 430,
            resizable: true
        });
        if($("#grid td:contains('Online')")) {
            $("#grid td:contains('Online')").css( "font-color", "Red" );
        }
    }); …
Run Code Online (Sandbox Code Playgroud)

jquery jquery-ui kendo-ui kendo-grid

4
推荐指数
1
解决办法
1万
查看次数

动态添加表格行时如何更改td.style

我使用JavaScript动态添加表行,但我不知道如何更改表数据的样式.我的代码是:

var tableis = document.getElementById("cameraTable");
var last=(-1);
var Tr = tableis.insertRow(last);
var Td1 = Tr.insertCell(0);
Td1.innerHTML="<div name='mac"+i+"' id='mac"+i+"'>"+mac+"</div>";
Tr.appendChild(Td1);
Run Code Online (Sandbox Code Playgroud)

我只知道如何改变td的背景:

Td1.bgColor="#00FF00";
Run Code Online (Sandbox Code Playgroud)

我想改变td的边框样式,有可能吗?风格如下:

style="border: 1px solid black;"
Run Code Online (Sandbox Code Playgroud)

我试过Td1.style="border: 1px solid black;" 但是没有努力.

任何答案都赞赏.

javascript

0
推荐指数
2
解决办法
1万
查看次数

标签 统计

javascript ×1

jquery ×1

jquery-ui ×1

kendo-grid ×1

kendo-ui ×1