有时候根据查询出来的结果,比如年龄,或年假天数,变态的用户要求根据不同的数值显示不同的颜色,比如:年龄>30 是红色,年龄<30 显示绿色
自定义函数 render 来实现
部门代码如下:
//根据条件用来转换年龄的字体颜色
function pctChange(val){
if(val <=30){
return '<span style="color:green;">' + val + '</span>';
}else if(val > 30){
return '<span style="color:red;">' + val + '</span>';
}
return val;
}
var cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer({header : '',width : 30,}),
{header:'员工姓名',dataIndex:'empName',sortable:false,width:230},
{header:'职位名称',dataIndex:'positionName',sortable:false,width:240},
{header:'职位分类',dataIndex:'positionClassName',sortable:false,width:230},
{header:'职位说明书',dataIndex:'positionClassNumber',sortable:false,width:180},
{header:'年龄',dataIndex:'age',sortable:false,width:70,renderer:pctChange,//设置年龄显示的颜色
} ]);
分享到:
相关推荐
org.restlet.ext.servlet-2.1.1.jar
看名字,有需要下jar包
出现以下报错,替换/usr/...add_assoc_name_entry’:/data/src/php-5.6.23/ext/openssl/openssl.c:664: warning: ‘ASN1_STRING_data’ is deprecated (declared at /usr/local/include/openssl/asn1.h:553)/data/src/...
bcprov-ext-jdk15on-1.60、bcprov-jdk15on-1.60两个包放到jre下的$JAVA_HOME/jre/lib/ext的路径下,然后配置$JAVA_HOME/jre/lib/security/java.security,找到security.provider.9,然后在这句话下面加上:security....
Ext.grid.ColumnModel显示不正常
Ext.grid.GridPanel属性祥解, 表格部门的详解,通俗易懂,适合初学人员,以及想对GridPanel有个精析认识的Web开发人员
NULL 博文链接:https://atian25.iteye.com/blog/1019910
jcifs-ext-0.9.4.jar/jcifs-1.3.3.jar 单点登陆 解决maven仓库有jar包但是maven程序无法下载仓库jar包
EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档...
EXT中根据返回的grid中的状态列的内容来改变这一行显示的背景颜色
2、Ext.ux.grid.feature.Tileview 3、Ext.ux.upload.Button 4、Ext.ux.toggleslide.ToggleSlide 5、Ext.ux.container.ButtonSegment 6、Ext.ux.grid.plugin.RowEditing 7、Ext.ux.grid.plugin.DragSelector 8、Ext....
资源名称:Ext.js核心函数详解资源截图: 资源太大,传百度网盘了,链接在附件中,有需要的同学自取。
var reader = new Ext.data.JsonReader({totalProperty:'totalProperty',root:'root'},record); store = new Ext.data.Store({ proxy:proxy, reader:reader }); //尾 分页 var pagebar = new Ext....
封装Ext.grid.Grid+dwr实现增删该查
Restlet所需要的所有jar包 一次下载,以后高枕无忧!
var grid = new Ext.grid.GridPanel({ bbar: new Ext.PM3PagingToolbar({ store : store, displayInfo : true, displayMsg: '显示 {0} - {1} 行 总数 {2} 行', emptyMsg : '没有数据显示' }) }); store...
1. Ext.form.NumberField 2. Ext.form.TextArea 3. Ext.form.TriggerField 4. Ext.form.DateField 5. Ext.form.ComboBox 6. Ext.form.TimeField
Ext.grid.GridPanel 删除线 放到example文件夹下运行
Ext.ux.grid.feature.Searching 搜索插件以获取Ext.grid.Panel。 旨在与Ext JS 5一起使用。用法var searching = { ftype: 'searching', minChars: 2, mode: 'local'}var grid = Ext.create('Ext.grid.Panel', { ...