extjs 3.X grid操作列文字显示
2014-07-22 11:09
218 查看
this.actionRenderer= function(){ var htmlStr='<font color="red"><a onclick="javascript:updates()">修改</a></font>'; var grid=Ext.getCmp("ContactGrid"); var is=true; for(var i=0,len=grid.getStore().data.length;i<len;i++){ is = grid.getStore().getAt(i).get("is_on");//data就是对应record的一个一个的对象 //获取的就是该对象dataIndex属性对应的值 } if(is==true){ htmlStr+='<font color="red"><a onclick="javascript:updateIson()">下架</a></font>'; }if(is==false){ htmlStr+='<font color="green"><a onclick="javascript:updateIson()">上架</a></font>'; } htmlStr+='<font color="red"><a onclick="javascript:delUser()">删除</a></font>'; return htmlStr; };
grid我在这就不写了,只写了columns来显示
columns : [ { header : "编号", width : 30, id:'bianhao', align:'center', sortable : true, dataIndex : 'id' }, { header : "标题", width : 100, sortable : true, align:'center', dataIndex : 'title' }, { header : "背景图片", width : 140, align:'center', sortable : true, dataIndex : 'bg_img' }, { header : "选中图片", width : 130, sortable : true, align:'center', dataIndex : 'selected_img' }, { header : "状态", width : 100, align:'center', sortable : true, dataIndex : 'is_on', renderer: function(value, metaData, record, rowIndex, colIndex, store, view) { if(value ==true) { return "<span style='color:red;font-weight:bold;'>已上架</span>" } if(value == false) { return "<span align='center' style='color:green;font-weight:bold;align:center'>已下架</span>" } } }, { header : "排序", align:'center', width : 100, renderer:this.Renderer }, { header : "时间", align:'center', width : 100, sortable : true, dataIndex : 'create' }, { header : "操作", align:'center', width : 150, dataIndex : 'id', renderer:this.actionRenderer } ]
如图
相关文章推荐
- 解决IE9下Extjs4文字显示太小问题
- 【ExtJs】表格控件Grid的增删改查,利用renderer让操作列actioncolumn使用文字而不是图标
- ExtJS+ASP.NET实现真实的进度条显示服务器端长时间操作的进度
- 如何动态设置ExtJS Form控件文字显示的颜色
- Word操作——文字尾部空格下划线不显示的解决方法
- ExtJS4.2 Grid知识点七:显示行号、斑马线效果(奇偶行背景色不一致)、复制单元格文字、禁止点击列排序
- extjs完美实现“密码框显示提示文字,不显示输入文字”的变态需求!!!
- ExtJS隐藏和显示的操作
- android操作简单的文字标签显示
- ExtJs之GridPanel综合操作(一)——异步获取Json数据并显示
- android 引导用户指示操作 高亮显示 可以自定义文字或者图片来作为提示,文字会自动换行
- OC从父串中查找子串,并得到子串的位置信息,对这些子串进行一些特殊操作的问题,如特定文字显示高亮颜色
- 文字太多显示省略号的操作
- # 时间显示文字问题的修正 #
- JavaScript--在状态栏显示滚动文字
- 决心要换个blog窝了,真不知道csdn在屏蔽什么词语,怎么好多文字都不能显示呢?
- PHP 操作 XML 文件 - 读取、显示
- 状态栏显示欢迎文字代码
- 使用mmit进行移动开发,如何在一行同时显示图片和文字.
- 如何让英文版的Adobe SVG Viewer显示中文文字