jsp项目使用datagrid加载表格,本地运行项目能渲染list返回列表,测试环境就不行的情况;
两个基本相同的.jsp文件,如a.jsp和 b.jsp,都用了 $('#dataDispTab')
.datagrid(去加载表格,项目再本地跑都没问题,但上传到测试环境,其中一个就不能渲染,后端网络请求又有响应;
解决方法:
在方法
$('#dataDispTab') .datagrid({大括号后面加
onLoadSuccess: function () { // 在数据加载成功后,将 datagrid 和 datagrid-view 的宽度设置为 auto $('.datagrid, .datagrid-view').css('width', 'auto'); }
主要是前端页面渲染中浏览器无辜将.datagrid, .datagrid-view的样式中的宽度width置为0px了
function queryAction(){
var wd = $("#paginateForm").width();
var data = $("#paginateForm").serialize();
var send_url= '${ctx}versionManage/getVersionList.do?'+data;
$('#dataDispTab')
.datagrid(
{
title : 'APP版本更新列表',
striped : true,
width: wd,
singleSelect : true,
nowrap : false,
url:send_url,
rownumbers : true,
columns : [ [
{
field : 'opt',
title : '操作',
width : 100,
align : 'center',
formatter : function(val, record) {
var str = "<input type='radio' name='versionId' value='";
str = str + record.versionId;
str = str+"'> </input>";
return str;
}
},
{
field : 'versionId',
title : '版本ID',
width : 100,
align : 'center'
},
{
field : 'published',
title : '发布时间',
width : 130,
align : 'center'
},
{
field : 'href1',
title : '操作',
width : 120,
align : 'center',
formatter : function(val, record) {
return str;
}
}
] ],
pagination : true,
onLoadSuccess: function () {
// 在数据加载成功后,将 datagrid 和 datagrid-view 的宽度设置为 auto
$('.datagrid, .datagrid-view').css('width', 'auto');
}
});
}