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

Я хочу показать некоторые данные во всплывающем диалоговом окне с 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, но в диалоговом окне ничего не отображается.

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


jquery-easyui
person ricemaster    schedule 27.01.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

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

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,
            });
        },
    });
}
person dchar    schedule 11.05.2015