easyui datagrid 在页面上不显示数据

Posted 2023-03-20

js:
$(function() $('#test').datagrid( title:'My Title',//表格标题 iconCls:'icon-save',//表格图标 nowrap: false,//是否只显示一行，即文本过多是否省略部分。 striped: true, url:'userListAction', //action地址 frozenColumns:[[ ]], columns:[[ field:'itemid',title:'itemid',width:150, field:'productid',title:'productid',width:120 ]], pagination:true, //包含分页 rownumbers:true, singleSelect:true

); );
</script>
struts2配置：
<package name="json" extends="json-default"> <action name="userListAction" class="com.automobile.action.UserAction" method="getUserAllList"> <result name="success" type="json"> <param name="root" >resultObject</param> </result> </action> </package>
action：
public String getUserAllList() Map map = new HashMap(); List listMap = new ArrayList(); for (int i = 0; i < 3; i++) Map<String,String> m =new HashMap(); m.put("itemid",i+"item"); m.put("productid","productid"+i); listMap.add(m); map.put("total", 3); map.put("rows", listMap); resultObject = JSONArray.fromObject(map); System.out.println(resultObject); return SUCCESS;
输出的json：["total":3,"rows":["productid":"productid0","itemid":"0item","productid":"productid1","itemid":"1item","productid":"productid2","itemid":"2item"]]

参考技术A var width = $(window).width()-80;
var height = $(window).height()-120;
stView_layout = $('#stView_layout').layout(
width: width,
height: height
);
station_view = $('#stationView').window(
title: '测站导航',
left:50,
top:80,
width: width,
modal: false,
shadow: false,
closed: true,
height: height,
onResize:function(w,h)
if(stView_treegrid)
stView_treegrid.treegrid(
width:w-20,
height:h-260
);


);

easyUI——页面多个datagrid导致表头与数据错位

参考技术A

效果图暂时不发了，发现这个问题的时候简直想不通什么原因。怀疑是哪里冲突了，就是不清楚具体在哪。当注释其他datagrid时，此datagrid的表头与内容显示一致。
经过再三反复的查找原因，easyui有惰性，当有多个datagrid同时存在并且有人初始化查询过，就可能导致另外的datagrid查询后不再设置宽度，从而导致列挤在一起， 只需将这里的if判断注释掉 ，改成全部都会设置宽度就不会再出现这种情况.
版本不同，以下显示的也不一样，大致差不多。
版本为：EasyUI for jQuery 1.6.7 (在jquery.easyui.min.js的9954行)

如下即可：

版本为：EasyUI for jQuery 1.7.0（在jquery.easyui.min.js的10007行）