extjs grid设置某列背景颜色和字体颜色的方法
.x-grid-back-red {
background: #FF0000;
}
{
header : '分成类型',
dataIndex : 'divideType',
renderer : function(v,m){
m.css='x-grid-back-red';
return v;
},
width : 60
}
{
header : '编号',
dataIndex : 'fcId',
css : 'background: #FF0000;',
width : 40
}
extjs grid设置某行字体颜色
css代码:
代码如下:
.x-grid-record-red table{
color: #FF0000;
}
viewConfig : {
forceFit : true,
getRowClass : function(record,rowIndex,rowParams,store){
//禁用数据显示红色
if(record.data.zt==0){
return 'x-grid-record-red';
}else{
return '';
}
}
},
相关推荐
-
ExtJS下grid的一些属性说明
1.界面修改(css style): Extjs中界面风格与我们产品本身的风格有很大不同,从边框.选中行的颜色到鼠标移动到的行的颜色.菜单等,几乎都不同.Extjs对这些样式的设置都是由css完成的.如: 选中行的颜色就可用如下设置完成: .x-grid3-row-selected{background:#c6e2ff!important;} 其他的都类似,只要找到对应的class, 然后设置要修改的部分即可. 2. 属性的作用(About Ext.grid. GroupingView, Edi
-
ExtJS Grid使用SimpleStore、多选框的方法
复制代码 代码如下: ///<reference path="./vswd-ext_2.0.2.js" /> Ext.onReady(function(){ var data = [ [1,"wilson.fu",10], [2,"wilson.fu2",20], [3,"wilson.fu3",30] ]; var sqldata = new Array() ; for(var i=0;i<10;i++)
-
Extjs4 GridPanel 的几种样式使用介绍
简单表格 排序,显示某列,读取本地数据 复制代码 代码如下: //本地数据 var datas = [ ['1', 'gao', 'man'], ['2', 'gao', 'man'], ['3', 'gao', 'man'] ]; //创建面板 Ext.create('Ext.grid.Panel', { title: 'easy grid', width: 400, height: 300, renderTo: Ext.getBody(), frame: true, viewConfig:
-
extjs 学习笔记 四 带分页的grid
因此,现在几乎所有的grid控件都会支持分页功能.extjs也不例外,它对分页也提供了强大而方便的支持,使得我们在分页处理上可以得心应手. 在extjs中,类Ext.PagingToolbar封装了关于分页的操作,该类从Toolbar继承而来,单从名字上看,我们也猜得出这是一个能够处理分页的工具栏.好吧,那我们就来看看如何构造这样一个工具栏吧.PagingToolbar类的构造函数需要一个json对象来进行配置,在js中,使用json对象来提供所需参数非常方便,这样使得我们可以只填写感兴趣的参数
-
ExtJs GridPanel简单的增删改实现代码
1.首先看下效果图: 2.ext代码 复制代码 代码如下: /// <reference path="http://www.cnblogs.com/Resources/ExtJs/vswd-ext_2.0.2.js" /> Ext.namespace('XQH.ExtJs.Frame'); XQH.ExtJs.Frame.RoleManage = function() { this.init(); }; Ext.extend(XQH.ExtJs.Frame.RoleMana
-
Extjs4 GridPanel的主要配置参数详细介绍
1.Ext.grid.GridPanel 主要配置项: store:表格的数据集 columns:表格列模式的配置数组,可自动创建ColumnModel列模式 autoExpandColumn:自动充满表格未用空间的列,参数为列id,该id不能为0 stripeRows:表格是否隔行换色,默认为false cm.colModel:表格的列模式,渲染表格时必须设置该配置项 sm.selModel:表格的选择模式,默认为Ext.grid.RowSelectionModel enableHdMenu:
-
Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
在Extjs中的GridPanel会有这样的情况,隐藏列会显示在menuDisabled中 如下图: 但是这个一般没有什么用处,只是用于后台取值的作用. so 加一个属性:hideable:false就可以搞定了 复制代码 代码如下: { header: "attendanceId", dataIndex: "attendanceId", hideable: false, hidden: true },
-
ExtJs grid行 右键菜单的两种方法
在这下边: 方法一 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="gridContextMenu.aspx.cs" Inherits="gridContextMenu" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &
-
ExtJS 4.2 Grid组件单元格合并的方法
ExtJS 4.2 Grid组件本身并没有提供单元格合并功能,需要自己实现这个功能. 目录 1. 原理 2. 多列合并 3. 代码与在线演示 1. 原理 1.1 HTML代码分析 首先创建一个Grid组件,然后查看下的HTML源码. 1.1.1 Grid组件 1.1.2 HTML代码 从这些代码中可以看出,Grid组件可分为grid-header和grid-body 两块区域(若含有工具栏和分页栏,它们都会含有各自的独立区域). 其中grid-body包含了许多tr元素,每一个tr都是代表Gri
-
extjs grid取到数据而不显示的解决
找了快1个小时,就是不知道错误在哪里...郁闷 我在鼠标左侧点击tree节点,在右侧创建一个标签页,这个已经能够实现,于是我再在新建的标签页里嵌套一个Grid. 奇怪的问题出现了.. FF和IE下都没报错.但是Grid就是不显示.本来我以为我代码错误.于是我狂找我的代码问题,无意中关掉FF的firbug插件界面,grid就现实出来了...原来只要我的窗口发生任何变化Grid才会显示出来. 请问这是我代码问题还是bug?如何解决? 补充一下,我直接在TabPanel里面用items管理grid对象
随机推荐
- Lua基础教程之表(Table)学习笔记
- ORACLE中的日期加减操作实例介绍
- ubuntu kylin虚拟机中安装KVM
- 提交按钮的name='submit'引起的js失效问题及原因
- linux下编译安装memcached服务
- 探讨:使用XMLSerialize 序列化与反序列化
- 理解javascript回调函数
- MySQL 删除大表的性能问题解决方案
- javascript的数组和常用函数详解
- MySQL存储引擎简介及MyISAM和InnoDB的区别
- Nodejs学习笔记之测试驱动
- IE6浏览器中window.location.href无效的解决方法
- JS的IE和Firefox兼容性集锦
- GCC 编译c程序的方法及过程解析
- C语言循环结构与时间函数用法实例教程
- 浅谈Java实体对象的三种状态以及转换关系
- Spring Boot利用@Async异步调用:ThreadPoolTaskScheduler线程池的优雅关闭详解
- python下PyGame的下载与安装过程及遇到问题
- python按修改时间顺序排列文件的实例代码
- Yii框架响应组件用法实例分析