1.datagrid,页面发起2次同样请求
$('#midParam').datagrid({
title:'定义测试环境',
url:'listMiddleware.cncc',
loadMsg:'数据加载中,请稍后...',
toolbar:"#tb",
...
<table id="midParam" class="easyui-datagrid"></table>
分析及解决:
html代码中利用class声明了easyui-datagrid,会造成easyui解析时先解析class声明中的datagrid,这样就请求了一次url;然后又调用js初始化代码请求一次url,导致了重复加载,删除html中的class="easyui-datagrid"即可.<table id="midParam" ></table>
2.datagrid表格宽度随页面: width:function(){return document.body.clientWidth*0.9},有时候这样不好用,也可以这样:width:document.body.clientWidth*0.9689,
3.combobox如何回显:
<tr><td>系统类型:</td>
<td><input name="systype" id="systype" class="easyui-combobox"
style="width: 290px;" type="text"
editable="false"
data-options="
valueField: 'id',
textField: 'text',
url:'getCodeValue.cncc?catalog=SYSTYPE',
onLoadSuccess:function(){
$('#systype').combobox('select',${obj.systype});//这句用来控制回显
$('#systype').combobox('setText','---请选择---');//这句可以设置默认显示内容
}"
/><span style="font-family: Arial, Helvetica, sans-serif;"> </td></span><span style="font-family: Arial, Helvetica, sans-serif;"></tr></span>
4.如何自定义列显示内容
{field:'middlewareAddress',title:'中间件地址',width:90,
formatter:function(value,row,index){
var address='未正常取到值';
address= row.middlewareIp + ':' + row.middlewarePort;
return address;
}
},
5.combobox处理复杂数据
var url = "${pageContext.request.contextPath}/user_findUlist.action";
$.getJSON(url, function(json) {
$('#cc').combobox({
data : json.rows,
valueField:'userId',
textField:'name'
});
});