0

以下に示すように、html データを表示する XTemplate があります。

var headerTmp = new Ext.XTemplate(
'<br><br><br>',
'<div class="contact-display-container" style="height:100px; width:400px">',
'<div style="font-size:12px; left:15px">Hello </div>',
'</div>',
'<br><br><br>'
);

データビューでデータを参照しています

var dataView1 = new Ext.DataView({
autoScroll: false,
tpl: headerTmp,
itemSelector: 'div.contact-display-container'
});

ウィンドウにデータを表示しようとしています

var win = new Ext.Window({
height:700,
width:700,
border:false,
modal:true,
title: 'Review Contact Information',
items:[{
    layout : 'vbox',
    items  : [dataView1]
}],
    buttons:[{
                text: 'Cancel',
                handler:function(){
                win.close();
                }
              }]
            });

win.show();

しかし、データ「Hello」はウィンドウに表示されません。どこが間違っているのか教えてください。前もって感謝します ：）

4

1 に答える 1

0

  1. データビューはストアのインスタンスにバインドする必要があります。ストア構成をデータビューに追加してみてください。

  2. ウィンドウ内のアイテムをオーバーネストしています。ウィンドウに子項目として dataView を直接追加する必要があります。追加の親レベル パネルが必要な場合は、そのレイアウトを次のようなものに変更するか、fitそれを維持したい場合は、データビューに構成vboxを追加しflexます。

これが実際の例です: http://jsfiddle.net/KUqM9/419/

于 2013-03-28T15:53:35.243 に答える