使用 Extjs 3 进行数据查看

Question

我创建一个面板，在图像的左侧缩略图上显示，当我单击图像时，它会显示在右侧面板上。 它可以工作，但我希望当我打开此页面并且无需单击任何拇指时，它会在右侧面板上显示默认图像（此值包含默认图像 D.data.defaultimage 的链接）

这是我此面板的代码:

var Pstore = new Ext.data.JsonStore({
        proxy: new Ext.data.HttpProxy({
            url: 'page.php?cmd=Affich',
            method: 'POST'
        }),
        root: 'images',
        fields: [ 'name', 'url', 'thumb_url' ]
    });
    Pstore.load();

    var tpl = new Ext.XTemplate(
        '<tpl for=".">',
            '<div class="thumb-wrap" id="{name}">',
            '<center><img src="{thumb_url}" title="{name}"></center>',
                '<span>{name}</span></div>',
        '</tpl>'
    );
    tplDetail = new Ext.XTemplate(
        '<div class="details">',
            '<tpl for=".">',
                '<center><img src="{url}"></center>',       
            '</tpl>',
        '</div>'
    );

    datav = new Ext.DataView({
        autoScroll  : true,
        store       : Pstore, 
        tpl         : tpl,
        autoHeight  : false,
        multiSelect : true,
        overClass   : 'x-view-over',
        itemSelector: 'div.thumb-wrap',
        emptyText   : 'No images',
        listeners: {
            click: {
                fn: function() {
                    selNode = datav.getSelectedRecords();
                    tplDetail.overwrite(panelPreview.body, selNode[0].data);
                    panelPreview.body.fadeIn('l', {duration:0.5});
                }
            }
        }
    })

    var panelLeft = new Ext.Panel({
        id          : 'images-view',
        title       : 'Pages',
        autoScroll  : true,
        region      : 'west',
        frame       : true,
        width       : 180,
        layout      : 'fit',
        items       : datav
    });
    panelPreview = new Ext.Panel({
        title       : 'Aperçu:',
        region      : 'center',
        autoScroll  : true,
        frame       : true,
        layout      : 'fit',
        id          : 'panelDetail',
        tpl         : tplDetail
    });

    Affich = new Ext.FormPanel({
        frame       : true,
        layout      : 'border',
        bodyStyle   : 'padding:5px',
        renderTo    : 'right-bottom',
        items       : [panelLeft, panelPreview]
    });

谢谢你帮我

Answer 1

只是一些快速的（未经测试的）想法 - 您是否尝试过让 panelPreview 成为 DataView？然后您可以将其 emptyText 设置为您想要的值。或者，Panel 有一个您可以应用的data 配置，根据文档，该配置是要加载到模板中的初始数据集。