zoukankan      html  css  js  c++  java
  • Jquery EasyUI修改行背景的两种方式

    1、数据加载完成不请求后台的做法

    方式一:

    //更改表格行背景
    function  changeLineStyle(index){
        var rows=$("#alertGird").datagrid("getRows");
        if(rows){
            for ( var i = 0; i <rows.length; i++) {
                if(i==index){
                    //将指定行背景置蓝
                    $("#datagrid-row-r1-2-"+i).css("background-color","#0081C2").css("color","black");//背景蓝色
                }else {
                    //将指定行背景置白
                    $("#datagrid-row-r1-2-"+i).css("background-color","#FFFFFF").css("color","black");//背景白色
                }
            }
        }
    }

    方式二:

    //更改表格行背景
    function  changeLineStyle(index){
                 var rows=0;
                  $("tr",".datagrid-htable").each(function(){
                        rows++;
                   });
        if(rows>0){
            for ( var i = 0; i <rows; i++) {
                if(i==index){
                    //将指定行背景置蓝
                    $("#datagrid-row-r1-2-"+i).css("background-color","#0081C2").css("color","black");//背景蓝色
                }else {
                    //将指定行背景置白
                    $("#datagrid-row-r1-2-"+i).css("background-color","#FFFFFF").css("color","black");//背景白色
                }
            }
        }
    }


    2、每次都请求后台刷新

    $('#dg').datagrid({
        rowStyler: function(index,row){
            if (row.listprice>80){
                return 'background-color:#6293BB;color:#fff;';
            }
        }
    });
  • 相关阅读:
    Python基础-迭代器
    Python基础-生成器
    Python基础-装饰器
    Python基础-函数
    Python基础-文件操作
    Python基础-集合
    jfinal任务调度quartz(cron) 定时任务 QuartzPlugin
    ServletRequest.getRequestDispatcher
    QuartZ Cron表达式
    Jax-WS WebService实现
  • 原文地址:https://www.cnblogs.com/boonya/p/3152117.html
Copyright © 2011-2022 走看看