Невозможно отобразить данные в таблице данных EasyUI

Question

Я хочу показать некоторые данные во всплывающем диалоге с EasyUI.

Я уверен, что получил данные с сервера, и я проверил, что field согласуется с field в классе Java, но я все еще получил пустой диалог.

Мой код 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, но диалог ничего не показывает.

Я что-то пропустил?

Answer 1

Вы должны создать диалоговое окно после получения данных. Я не вижу какой-либо части вашего кода, которая фактически помещает данные в диалог, поэтому кажется нормальным, что они пусты. Попробуйте что-то вроде следующего:

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