我想在EasyUI的弹出对话框中显示一些数据。
我确定我从服务器获得了数据,并且检查了field
与Java类中的field
是否一致,但我仍然有一个空白对话框。< / p>
我的JS代码:
function viewECReportSpec(ecspecName, ecreportSpecName) {
$('#viewECReportSpec').dialog({
title : ecreportSpecName + '@' + ecspecName,
width : 800,
height : 400,
});
$("#viewECReportSpec").dialog('open');
$('#viewECReportSpecParams').datagrid({
url : basePath + '/rmws/alereading/getECReportSpec.do',
queryParams : {
ecspecName : ecspecName,
ecreportSpecName : ecreportSpecName
},
columns : [[{
field : 'reportName',
title : 'Report Name',
formatter : function(val) {
alert(val);
}
}]],
});
}
我可以从reportName
中的提醒中获得正确的formatter
,但对话框中没有显示任何内容。
我错过了什么吗?
答案 0 :(得分:0)
您应该在检索数据后生成对话框。我没有看到你的代码的任何部分实际上将数据放入对话框中,所以它是空的似乎是正常的。尝试以下内容:
function viewECReportSpec(ecspecName, ecreportSpecName) {
$('#viewECReportSpecParams').datagrid({
url : basePath + '/rmws/alereading/getECReportSpec.do',
queryParams : {
ecspecName : ecspecName,
ecreportSpecName : ecreportSpecName
},
columns : [[{
field : 'reportName',
title : 'Report Name',
formatter : function(val) {
alert(val);
}
}]],
onLoadSuccess : function(data) {
var div = document.createElement('div');
div.innerHTML = data;
$(div).dialog({
title : ecreportSpecName + '@' + ecspecName,
width : 800,
height : 400,
});
},
});
}