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



1、资源项目源码均已通过严格测试验证,保证能够正常运; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值