<div name="stuDiv" id="stuDiv">
<fieldset style="width: 98%;" align="center">
<legend style="font-size: 14px">学生信息</legend>
<table width="100%" class="easyui-datagrid" id="stuTable" name="stuTable" >
</table>
</fieldset>
</div>
$("#stuDiv").show();
$("#stuTable").datagrid("resize");
$("#stuTable").datagrid(
{
striped: true,
fitColumns: true,
pageSize: 10,
pageList: [10, 30, 50, 100],
width: '100%',
pagination: true,
singleSelect: true,
rownumbers: true,
url: "url",
queryParams: {"zjhm": zjhm,"xm":xm},
loadFilter:function(ret){
if(null == ret || "" ==ret || "null" == ret){
var push = {"total":0,"rows":""};
return push;
}else{
return ret;
}
},
columns: [[
{field: 'ck0', checkbox: true, hidden: false, width: 80},
{
field: 'xh',
title:'学号',
width: 100,
hidden:true,
align: 'center',
sortable: false
},
{
field: 'xm',
title:'姓名',
width: 100,
align: 'center',
sortable: false
},
{
field: 'sfzh',
title:'省份证号',
width: 100,
align: 'center',
sortable: false
},
{
field: 'xb',
title:'性别',
width: 100,
align: 'center',
sortable: false
},
{
field: 'age',
title:'年龄',
width: 100,
align: 'center',
sortable: false
}]],
onSelect: function (index){
if(indexFlag[0] == index){
$("#stuTable").datagrid('unselectRow',index);//去除勾选
}else{
var stuSelect = $("#stuTable").datagrid("getSelected");
//......省略
}
}
});
}
当控制datagrid动态隐藏、显示时,这句话尤为关键( $("#stuTable").datagrid("resize");)。不然F12没有任何报错信息,表单无法正常展示。