zoukankan      html  css  js  c++  java
  • easyui 隔行渐变色属性设置

    1.部分JS文件

    function getAgencyDealTable(begin,end,regionFlag,agencyId){
        $('#reportList').datagrid({
            idField : 'id', // 只要创建数据表格 就必须要加 ifField
            title : '',
            fit : true,
            url : parent.baseUrl+"report/findAucAgencyDealCount",
            method : 'GET',
            queryParams: {beginTime:begin,endTime:end,regionFlag:regionFlag,agencyId:agencyId},
            fitColumns : false,
            striped : false, // 隔行变色特性  不渐变色
            loadMsg : '数据正在加载,请耐心的等待...',
            rownumbers : true,
            rowStyler : function(index, record) {
    //            console.log(record);
            },
            columns : [ [ {
                field : 'aucagencyName',
                title : '拍品分类',
                width : 290,
                align : 'center'
            },  {
                field : 'aucLotCount',
                title : '拍品件数',
                width : 150,
                align : 'center'
            }, {
                field : 'aucLotDealCount',
                title : '成交件数',
                width : 150,
                align : 'center'
            }, {

    2.效果

      

    另外一种方法:

    function getAgencyDealTable(begin,end,regionFlag,agencyId){
        $('#reportList').datagrid({
            idField : 'id', // 只要创建数据表格 就必须要加 ifField
            title : '',
            fit : true,
            url : parent.baseUrl+"report/findAucAgencyDealCount",
            method : 'GET',
            queryParams: {beginTime:begin,endTime:end,regionFlag:regionFlag,agencyId:agencyId},
            fitColumns : false,
            striped : true, // 隔行变色特性
            loadMsg : '数据正在加载,请耐心的等待...',
            rownumbers : true,
            rowStyler : function(index, record) {
    //            console.log(record);
            },
            columns : [ [ {
                field : 'aucagencyName',
                title : '拍品分类',
                width : 290,
                align : 'center'
            },  {
                field : 'aucLotCount',
                title : '拍品件数',
                width : 150,
                align : 'center'
            }, {

    实际效果:(隔行渐变色)

  • 相关阅读:
    redis安装及教程
    Spring Cloud Alibaba系列教程
    EasyCode代码生成工具使用介绍
    FastDFS服务器搭建
    轻量级的java HTTP Server——NanoHttpd
    java代码的初始化过程研究
    浅谈设计模式的学习(下)
    浅谈设计模式的学习(中)
    浅谈设计模式的学习(上)
    PGET,一个简单、易用的并行获取数据框架
  • 原文地址:https://www.cnblogs.com/mr-wuxiansheng/p/6395653.html
Copyright © 2011-2022 走看看