EasyUI扩展datagrid支持按列点击表头自定义排序

一、前台自定义方法排序 EasyUI Datagrid 增加 sortable = “true” ,官方实例如下: // 当点击表头排序切换时,数据网格(DataGrid)将发送两个参数到远程服务器: // sort:排序列字段名。order:排序方式,可以是 ‘asc’ 或者 ‘desc’,默认值是 ‘asc’。 <table id=”tt” class=”easyui-datagrid” style=”width:600px;height:250px”…

Continue Reading →

EasyUI的datagrid日期正常显示解决方案

一、前言 EasyUI是一套比较轻巧易用的Jquery控件,在使用过程中遇到一个问题,它的列表控件——datagrid, 在显示日期列的时候,由于后台返回给页面的数据是Json格式的,其中的日期字段,在后台是正常的“2012-11-10 12:18:00”这样的格式,json序列化后返回到前台页面就被转换成一个像 /Date(1419264000000)/的格式,导致easyUI无法解析这个字段。 二、解决方案 1.DataGrid显示问题解决 // 返回日期字符串,type为日期格式例如:yyyy-mm-dd、yyyy-mm-dd hh:mm:ss等 function gridFmtDate(value,type){ var str = ”; if (!!(value) && !!(type)) {…

Continue Reading →

EasyUI中deleRow多次删除时出现undefined解决

一、前言 EasyUI由于存在ID缓存机制,当进行Grid的deleteRow操作时,会出现因缓存而对已删除ID进行操作,即列表ID被删除而缓存重复对这个ID进行操作,会出现undefined现象。 二、解决方案 使用easyUI的clearSelections刷新缓存,但是如果频繁进行删除还是会出现以上现象,所以建议加onDbClickRow方法进行删除,从而解决问题,示例如下: $(‘#dg’).datagrid({ onDblClickRow : function(idx, row){ // 删除 $(‘#dg’).datagrid(‘deleteRow’,idx); // 刷新缓存 $(‘#dg’).datagrid(‘clearSelections’); } })

Continue Reading →