easyUi表格颜色设置
来源:互联网 发布:阿里云计算大会 编辑:程序博客网 时间:2024/05/01 04:45
$(function() { $('.btn_state').linkbutton('disable'); $('#dg').datagrid({ url : _getPage, rownumbers : true, pagination : true, fitColumns : true, fit : true, singleSelect : false, pageSize : 20, pageList : [20, 30, 50], remoteSort:true, multiSort:true, queryParams : {conditions : getSearchConditions()}, columns : [[ {field: 'id', title: "id", checkbox:true, hidden: false, width: 100, sortable: true, align: 'center'}, {field :'serviceCategory',title:'Service Category',hidden:false,width:50,sortable:true,align : 'center', //加一个方法(用来设置颜色的) styler:rowColor }, {field :'serviceModel',title:'Service Model',hidden:false,width:50,sortable:true,align : 'center'}, {field :'description',title:'Description',hidden:false,width:50,sortable:true,align : 'center'} ]] }); var pager = $('#dg').datagrid('getPager'); pager.pagination({ beforePageText: '第',//页数文本框前显示的汉字 afterPageText: '页 共 {pages} 页', displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录', });});//后台需要的条件function getSearchConditions(){ var param = []; var filterVal = $("#selectModelSearch").val(); if(filterVal != null){ param.push({"name":"dictNameFilter","value":filterVal}); } if(serviceCategory != null){ param.push({"name":"serviceCategory","value":serviceCategory}); } if(id != null){ param.push({"name":"id","value":id}); } var conditions = $.toJSON(param); return conditions; }//查询表格数据,添加事件就可以,什么都不需要考虑function searchGrid() { var queryParams = { conditions : getSearchConditions() }; $('#dg').datagrid('load', queryParams);}//颜色设置function rowColor(value, row, index) { if(row.serviceCategory=='GSM'){ return 'background-color:red;color:white'; } if(row.serviceCategory=='WCDMA'){ return 'background-color:cyan;color:white'; } //alert(row.serviceCategory); }
阅读全文
0 0
- easyUi表格颜色设置
- EasyUI设置表格字体颜色
- 设置表格边框颜色
- 设置表格边框颜色
- echart表格颜色设置
- CSS设置表格的颜色
- easyui可编辑表格编辑器设置值
- jQuery easyUI设置表格中的背景色
- 设置html表格的线宽颜色
- JSF---->表格设置行的颜色
- JTable 表格设置某一单元格的颜色
- 灵活设置表格的某一列颜色
- Android 各种空间半透明颜色设置表格
- js动态表格数据动态设置颜色
- easyui-------表格
- 设置表格的背景颜色和字体颜色
- latex表格线的颜色设置(边框添加颜色)
- 用html设置文字的颜色,大小,粗细 表格设置
- 滑动布局嵌套,导致跳转到起始位置时出现的滑动问题
- JavaSE使用socket与线程实现控制台版的聊天室功能
- TeamTalk源码分析(七) —— 服务器端msf源码分析
- 10-排序5 PAT Judge (25分)
- Android 带有切换动画的CheckBox。
- easyUi表格颜色设置
- asp.net BootStrap +Ace 框架 下Waiting(TTFB) 过长
- Linux编程里getopt_long_only函数用法详解
- bug——MFC类向导失效
- DBCP连接池配置参数说明
- Navicat 连接mysql失败: Host '*' is not allowed to connect to this MariaDB server
- 使用QTP进行Java插件环境搭建
- git 服务器搭建,在自己服务器上搭建私有仓库
- 从Java到Kotlin