Easy-UI中formatter的简单运用
2018-01-23 19:26
357 查看
用Easy-UI框架循环列表的时候,数据库用有时候我们习惯用0或1代表男或女,或者代表其他东西。在循环到页面的时候,我们肯定不能显示0或1,肯定是要显示我们要表达的内容。这个时候Easy-ui中的formatter就将这种问题很简单的解决了。
直接上代码吧。
jsp页面
<tr>
<th data-options="field:'ck',checkbox:true"></th>
<th data-options="field:'USER_ID',align:'center',hidden:true" >用户ID</th>
<th data-options="field:'USER_JH',align:'center'" width="6%">用户账号</th>
<th data-options="field:'USER_XM',align:'center'" width="6%">用户姓名</th>
<th data-options="field:'USER_SSDW',align:'left'" width="35%">所属单位</th>
<th data-options="field:'USER_SFZX',align:'center',formatter:userformatter" width="10%">是否有效</th>
<th data-options="field:'USER_ZCRQ',align:'center'" width="15%">注册时间</th>
<th data-options="field:'ROLE_ID',align:'center',formatter:qxfpformatter" width="10%">分配权限</th>
</tr>
js片段:
function userformatter(value,row,index){
return value=="0"?"无效":"有效";
}
function qxfpformatter (value,row,index){
return "<a href='
4000
javascript:void(0)' onclick=\"openQxfp('"+row.USER_ID+"','"+value+"')\">分配</a>";
}
显示效果:
直接上代码吧。
jsp页面
<tr>
<th data-options="field:'ck',checkbox:true"></th>
<th data-options="field:'USER_ID',align:'center',hidden:true" >用户ID</th>
<th data-options="field:'USER_JH',align:'center'" width="6%">用户账号</th>
<th data-options="field:'USER_XM',align:'center'" width="6%">用户姓名</th>
<th data-options="field:'USER_SSDW',align:'left'" width="35%">所属单位</th>
<th data-options="field:'USER_SFZX',align:'center',formatter:userformatter" width="10%">是否有效</th>
<th data-options="field:'USER_ZCRQ',align:'center'" width="15%">注册时间</th>
<th data-options="field:'ROLE_ID',align:'center',formatter:qxfpformatter" width="10%">分配权限</th>
</tr>
js片段:
function userformatter(value,row,index){
return value=="0"?"无效":"有效";
}
function qxfpformatter (value,row,index){
return "<a href='
4000
javascript:void(0)' onclick=\"openQxfp('"+row.USER_ID+"','"+value+"')\">分配</a>";
}
显示效果:
相关文章推荐
- UI(手势综合运用)代码实现简单相册
- 最近做easy-ui要用到的formatter()
- easy ui grid的简单应用
- 【JQuery Easy UI】后台管理系统的简单布局分享
- jquery easy ui 简单字段选择搜索实现
- jquery easy ui最新版本 简单的权限分配
- easy-ui1.3.5+jqgrid4.5.4+struts2.1+jpa2.0简单测试
- Jquery esay ui datagrid formatter属性简单使用
- easy-ui1.3.5+jqgrid4.5.4+struts2.1+jpa2.0简单测试
- 运用UI制作简单的 登陆系统
- easy ui datagrid 简单用法2
- 【UI插件】开发一个简单日历插件(上)
- iOS开发UI基础—26简单介绍静态单元格的使用
- android中listview的超简单运用
- AddressBookUI AddressBook Contacts简单使用
- 批处理简单运用
- Android学习路线(二十)运用Fragment构建动态UI
- Qt简单网络运用获得本机IP
- jquery easy ui 学习 (5) windowlayout
- UIPickerView 控件的简单使用