1.项目中示例

{

                idField : 'id', // 只要创建数据表格 就必须要加 ifField

                title : title,

                fit : true,

                url : top.baseUrl+ 'customer/bail/bailPayDetailsQuery/'+$("#customerId").val(),

                method : 'POST',

                fitColumns : true,

                striped : true, // 隔行变色特性S

                loadMsg : '数据正在加载,请耐心的等待...',

                rownumbers : true,

                //sortName : 'customerNo',

                //sortOrder : 'desc',

                rowStyler : function(index, record) {

                    if(record.canUseMoney==0){

                         return 'background-color:#8E8E8E';

                    }

                },

                /*frozenColumns : [ [ // 冻结列特性 ,不要与fitColumns 特性一起使用

                {

                    field : 'ck',

                    width : 50,

                    checkbox : true

                } ] ],*/

                columns : [ [ {

                    field : 'bailClass',

                    title : '类别',

                    width : 50,

                    align : 'center',

                    formatter : returnFtt

                }, {

2.

<body>

    <h2>DataGrid Row Style</h2>

    <p>The rows which listprice value is less than 30 are highlighted.</p>

    <div style="margin:20px 0;"></div>

    <table class="easyui-datagrid" title="DataGrid Row Style" style="width:700px;height:250px"

            data-options="

                singleSelect: true,

                iconCls: 'icon-save',

                url: 'datagrid_data1.json',

                method: 'get',

                rowStyler: function(index,row){

                    if (row.listprice < 30){

                        return 'background-color:#6293BB;color:#fff;font-weight:bold;';

                    }

                }

            ">

        <thead>

            <tr>

                <th data-options="field:'itemid',width:80">Item ID</th>

                <th data-options="field:'productid',width:100">Product</th>

                <th data-options="field:'listprice',width:80,align:'right'">List Price</th>

                <th data-options="field:'unitcost',width:80,align:'right'">Unit Cost</th>

                <th data-options="field:'attr1',width:250">Attribute</th>

                <th data-options="field:'status',width:60,align:'center'">Status</th>

            </tr>

        </thead>

    </table>

</body>

3.

$('#tt').datagrid({

    rowStyler:function(index,row){

        if (row.isexception==1){

            return 'background-color:red;';

        }

    }

});

easyui rowStyler属性的更多相关文章

  1. 数据网格和树-EasyUI Datagrid 数据网格、EasyUI Propertygrid 属性网格、EasyUI Tree 树、EasyUI Treegrid 树形网格

    EasyUI Datagrid 数据网格 扩展自 $.fn.panel.defaults.通过 $.fn.datagrid.defaults 重写默认的 defaults. 数据网格(datagrid ...

  2. [转]浅谈jQuery EasyUI的属性设置

    原文地址:http://www.easyui.info/archives/1664.html 对jQuery EasyUI有一定了解的话,应该知道基本上每一个组件都有一个"options&q ...

  3. EasyUI queryParams属性 在请求远程数据同时给action方法传参

    http://www.cnblogs.com/iack/p/3530500.html?utm_source=tuicool EasyUI queryParams属性 在请求远程数据同时给action方 ...

  4. JSON.stringify 语法实例讲解+easyui data-options属性+expires【申明：来源于网络】

    JSON.stringify 语法实例讲解+easyui data-options属性+expires[申明:来源于网络] JSON.stringify 语法实例讲解:http://www.jb51. ...

  5. easyui datagrid属性和方法

    本文可以当做api来使用 使用方法(Usage Example) 从现有的表单元素创建数据表格,定义在html中的行,列和数据. <table class="easyui-datagr ...

  6. easyui - 标签属性顺序要对 否则options 错误

    标签属性顺序要对 否则options 错误

  7. easyui常用属性

    属性分为CSS片段和JS片段. CSS类定义:1.div easyui-window        生成一个window窗口样式.      属性如下:                   1)mod ...

  8. EasyUI validType属性

    /** * 包含easyui的扩展和常用的方法 * * @author * * @version 20120806 */ var wjc = $.extend({}, wjc);/* 定义全局对象,类 ...

  9. easyui常见属性

    4)onBeforeClose:当面板关闭前激活.                 5)onClose:当面板关闭后激活.                 6)onBeforeDestroy:当面板销 ...

随机推荐

  1. RAC textView的双向绑定

    今天在写关于textView的数据绑定时原先写法是这样的: p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Menlo; color: #78 ...

  2. C#接口的显示和隐式实现

    早上骑车上班走到半路发现手机忘带了,这年代兜里没装一分现金,吃饭都要刷手机,上班时间无聊了不能玩手机更是大问题,所以果断掉头拿手机.取完手机刚出门看这天阴沉沉的貌似要下雨,没雨衣,骑车又不能打伞,上次 ...

  3. 不重新编译php安装配置eAccelerator

    eAccelerator属于一个免费的开源php加速.优化.编译和动态缓存项目,原理和apc类似,都是通过缓存php编译后的opcode代码来提高php脚本的执行性能,而且eAccelerator本身 ...

  4. WPF 自定义模板 Button闪亮效果

    Button的选中Effect,我们看下下面的效果: 让我们再放大一点: 怎么设置上面样式呢?直接设置Button的Effect,有点问题,因为Effect不是四周环绕的.那我们也只能重新定义Temp ...

  5. SSH整合

    首先,SSH不是一个框架,而是多个框架(struts+spring+hibernate)的集成,是目前较流行的一种Web应用程序开源集成框架,用于构建灵活.易于扩展的多层Web应用程序. 集成SSH框 ...

  6. http status 301/302 & java重定向/转发

    一.301/3021.什么是301转向?什么是301重定向? 301转向(或叫301重定向,301跳转)是当用户或搜索引擎向网站服务器发出浏览请求时,服务器返回的HTTP数据流中头信息(header) ...

  7. JavaScript 汉字与拼音互转终极方案 附JS拼音输入法

    转:http://www.codeceo.com/article/javascript-pinyin.html 前言 网上关于JS实现汉字和拼音互转的文章很多,但是比较杂乱,都是互相抄来抄去,而且有的 ...

  8. eclipse安装版本

    http://www.08kan.com/gwk/MzAwOTE3NDY5OA/203521023/1/cdf557d3a1d4535a6c691ce756c3f8b1.html

  9. BZOJ1500[NOI2005]维修数列

    Description Input 输入的第1 行包含两个数N 和M(M ≤20 000),N 表示初始时数列中数的个数,M表示要进行的操作数目.第2行包含N个数字,描述初始时的数列.以下M行,每行一 ...

  10. TesseractOCR

    简介: OCR(Optical Character Recognition):光学字符识别,是指对图片文件中的文字进行分析识别,获取的过程. Tesseract:开源的OCR识别引擎,初期Tesser ...