EasyUI 中 DataGrid 控件 是我们经常用到的控件之一,
但是 DataGrid 控件 在绑定显示列时却不支持对象属性绑定。
模型如下:
public class Manager implements java.io.Serializable { private Integer id; private Role role; private String loginName; private String password; private int status; private Date lastDate; private Date createAt; private String remarks; //省略 get and set }
其中Role 是一个对象
<table id="manager_datagrid"> <thead> <tr> <th data-options="field:'loginName'">帐号</th> <th data-options="field:'role',formatter:managerRoleFormat">所属岗位</th> <th data-options="field:'createAt'">创建时间</th> <th data-options="field:'lastDate'">最后登录时间</th> <th data-options="field:'status',formatter:managerStatusFormat">状态</th> <th data-options="field:'remarks'">备注</th> </tr> </thead> </table>
function managerRoleFormat(val,row){ if(val) return val.roleName; else return ""; }
function managerStatusFormat(val,row){ switch(val){ case 0: return '停用'; case 1: return '正常'; default: return ''; } }
这样通过 EasyUI 给我们提供的 formatter 函数 我们就可以实现 对象属性的绑定.
相关推荐
easyui的datagrid的数据渲染
详细讲解Easyui中datagrid控件,编辑模式。扩展编辑器以及扩展验证规则。
easyui中,datagrid控件中编辑状态(editor)下一列嵌入多个控件的实现方式,详见文件。
利用System.out.println(jsonJAVA)(EmpServlet.java后台显示如下解决办法:对日期增加一个转换器 <script type
主要是为了简化开发者在使用easyUI datagrid 控件时需要写的内容太多,对页面需要多个datagrid的方便使用方法!
主要介绍了jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法,涉及jQuery插件EasyUI相关属性设置技巧,需要的朋友可以参考下
easyui Datagrid 数据列表,功能:条件清空、日期控件datetimebox清空、导出excel、搜索、分页、超链接并传值、数据修改和撤销修改功能
本资源主要是使用easyui控件,并结合ASP。net实现datagrid与数据库的连接,数据的增,删,改,分页操作,完成tree加载数据库数据,希望对开发初学者有所帮助
easyui的输入框+验证+弹窗,datagrid的渲染+勾选/选择+双击+渲染行操作+查询框架。
主要介绍了详解EasyUi控件中的Datagrid的相关资料,需要的朋友可以参考下
项目包含一个可以运行的SSH框架的Javaweb项目。前台部分使用easyUI实现。主要用到了 layout tree datagrid 等控件。有需要的朋友可以,下载学习。
列拖动=页面分页=更新单元格列值=添加列合计=列头添加提示(鼠标悬停显示文字)=编辑框键点击事件(暂时实现上下左右控件焦点移动)=设置DataGrid复制右键菜单 默认有复制功能
请原谅我最近才认真的使用easyui,以前虽然也用到了,但是只是用到了其简单的ui控件,没有深入的使用像form之类的组件。 最近项目有需要,在使用到数据列表展示的时候,需要添加搜索条件。看了datagrid的api,好像...
纠正easyui的datagrid控件日期列格式显示错误问题。症状:后台返回给页面的数据是Json格式的,其中的日期字段,在后台是“2012-11-10 12:18:00”这样的格式,json序列化后返回到前台页面就被转换成一个像 /Date...
EasyUI DataGrid 增删改查源码,刚了解这个控件,欢迎初学者一起讨论,学习。
为了实现DataGrid分组的汇总功能折腾了一天 发现用转换器就可以轻松实现 基础很重要呃
如何在DataGrid控件中实现自定义分页 在一般情况下,DataGrid控件每次实现翻页操作时,都会将数据源中的数据重新调用一次,当数据中 数据很多时,这样做就会很浪费系统资源和降低程序的执行效率.这时候我们一般通过...
第05课(讲解easyui的form控件、validatebox控件、怎样跟后台交互) 第06课(讲解easyui的layout的使用) 第07课(讲解datagrid的基本应用,后台交互,排序功能) 第08课(讲解datagrid的查询,toolbar的多种创建方式,清空...
jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染...以上这篇easyui datagrid 表格中操作栏 按钮图标不显示的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。