无法在EasyUI datagrid中显示数据

时间:2015-01-27 02:02:57

标签: jquery-easyui

我想在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,但对话框中没有显示任何内容。

我错过了什么吗?

1 个答案:

答案 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,
            });
        },
    });
}