修改ligerui的display内容
2014-02-25 14:55
411 查看
一般的display显示内容如下:
{ display:"手机号码/IMSI", name:"imsi", align: 'left', width: 100 }
但是如果需要对内容进行操作后再显示,应该怎么样呢?可以使用如下的方式:
render:function(){}
如:{ display:"总流量(M)", name:"flowused", align: 'left', width: 100 ,render:function(row){
return row.flowused/1000;
}}
上面的代码的意思是:将row作为参数传入函数,然后获取一行中的flowused,然后对flowused进行操作,然后返回给display
也可以有如下的方法:
{ display:"手机操作系统", name:"systype", align: 'left', width: 100 ,render: function(row){
var dispname = row.systype;
if(row.systype=='1'){
dispname = 'android';
}else if(row.systype=='2'){
dispname = 'ios';
}
return dispname; }
}
上面的操作是根据row获取systype,然后判断是android还是ios,有点类似于el表达式。
{ display:"运营商", align: 'left', width: 100 ,render:function(row){
return "xx";
}}
上面直接返回xx给display.
{ display:"手机号码/IMSI", name:"imsi", align: 'left', width: 100 }
但是如果需要对内容进行操作后再显示,应该怎么样呢?可以使用如下的方式:
render:function(){}
如:{ display:"总流量(M)", name:"flowused", align: 'left', width: 100 ,render:function(row){
return row.flowused/1000;
}}
上面的代码的意思是:将row作为参数传入函数,然后获取一行中的flowused,然后对flowused进行操作,然后返回给display
也可以有如下的方法:
{ display:"手机操作系统", name:"systype", align: 'left', width: 100 ,render: function(row){
var dispname = row.systype;
if(row.systype=='1'){
dispname = 'android';
}else if(row.systype=='2'){
dispname = 'ios';
}
return dispname; }
}
上面的操作是根据row获取systype,然后判断是android还是ios,有点类似于el表达式。
{ display:"运营商", align: 'left', width: 100 ,render:function(row){
return "xx";
}}
上面直接返回xx给display.
相关文章推荐
- jQuery LigerUI 使用教程入门篇
- jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
- LigerUI中下拉框Combox是表格形式,选择表格后自动收缩
- LigerUI中下拉框Combox级联操作中,后combox返回空串的问题
- LigerUI中根据表单查询条件进行查询,使用表格Grid展示
- 给ligerui分页。
- 项目视频讲解_基于LigerUI前端技术实现的管理平台(纯静态页面,json,工作流及权限管理)
- LigerUI——天外飞仙
- LigerUi中Grid控件的相关属性
- (财务预算系统)系列 LigerUI+JBPM5自定义表单+Node.js
- ligerUI 固定表头
- LigerUI中通过加载服务端数据进行表格的分页显示
- LigerUI的简单使用示例
- ligerGrid列表查询后不从首页显示的bug
- 改进ligerUI的Grid的全选功能
- ligerUI Grid 的 data 格式问题
- ligerui 实现二级联动代码简单
- struts2+ajax 获取jason数据错误
- ligerui设置页签项标题setHeader方法的使用
- 从后台绑定数据到ligerui 的comboBox下拉框组件