FineUI用JS的方法将Grid的某一行变色

最近在做项目的时候,想要在FineUI里面将某一行数据变红,使用Demo里面Css的方法并不行(可能是我们公司对FineUI做了加工,导致有些方法不能用),因此只能自己写JS去实现某一行变红的需求。

   <script>
 var gridClientID = '<%= grdMain1.ClientID %>';
///遍历grid的每一行的rank和CHANGETOREST的列,根据这两列进行判断是否需要变色
function selectGrid() {
            window.setTimeout(function () {
                var grid = F(gridClientID);
                var store = grid.getStore();
                var len = store.getCount();
                for (var i = 0; i < len; i++) {
                    var rankid = store.getAt(i).get('RANK');
                    var changetorest = store.getAt(i).get('CHANGETOREST');
                    changeColor(rankid, changetorest, i);
                }
            }, 100);
        }
    </script>
  function changeColor(rankid, changetorest, rowIdx) {
            $.ajax({
                type: "Post",
                url: "OvertimeBatchFormFrm_Crcement.aspx/CheckColor_Blur",
                data: "{'rankid':'" + rankid + "','changetorest':'" + changetorest + "'}",
                dataType: "json",
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                    var bcolor = data.d;
                    highlightRows(rowIdx, bcolor);
                },
                error: function (err) {
                    F.alert(err);

                }
            });
        }
///以上是通过Ajax 的方法前台调用后台的方法,并将后台的方法的值返回到前台

 function highlightRows(item, bcolor) {
            // 增加延迟,等待HiddenField更新完毕
            var grid = F(gridClientID);///F是FineUI的命名空间,Webconfig中设定的
            var row = grid.getView().getNode(item);
            var childNodes = row.childNodes;
            for (var i = 0; i < childNodes.length; i++) {
                var tdDiv = childNodes[i].childNodes[0];///注意是childNodes[i].childNodes[0]
                if (bcolor == "0") {
                    tdDiv.style.backgroundColor = "#FF4343";
                }
                else {
                    tdDiv.style.backgroundColor = "#FFFFFF";
                }
            }
        }



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值