如何在网格不包含数据时隐藏editview（在Ext.js中）

Question

我是ext.js.的新手。当网格中没有数据时我想要隐藏视图面板。我也希望在那个隐藏的地方显示一条空的数据信息。请帮助我。

Answer 1

如果表定义：

initComponent:function() {
    var me = this;

    me.viewConfig = {
        deferEmptyText: false,
        emptyText: notifyMessage(
            'No events',
            'In this device, there are no events in the selected period.'
        )
    };

    me.callParent(arguments);
}

该函数返回消息布局可能是这样的：

function notifyMessage (msg, lmsg, img) {
    var image = img || '/img/info.png';
    var message = msg || '';
    var little_message = lmsg || '';

    return Ext.String.format(
            '<div class="grid-data-empty">' +
                '<img src="{0}" width=100 height=100 alt="" />' +
                '<div class="empty-grid-headline">{1}</div>' +
                '<div class="empty-grid-byline">{2}</div>' +
            '</div>',
            image,
            message,
            little_message
        )
    );

Result

Answer 2

我不确定为什么/是否要隐藏网格。你看过emptyText了吗？这显示空网格中的空数据消息，无需编写任何花哨的东西。