調用Items.Add方法兩次導致兩個項目到卡

這裏的重疊是我的附加項目代碼：調用Items.Add方法兩次導致兩個項目到卡

myapp.cards.vehicleInfo.items.add(
     new Ext.List({ ...}) 
)

如果在此之後我然後做：

myapp.cards.vehicleInfo.items.add(
     new Ext.Panel(
     {html: 'test' } 
     ) 
    );

與面板'測試'出現在我的列表頂部（重疊），而不是垂直下方。我試過在添加兩個項目之間做一個組件添加。

任何想法？如果我只做上面的一個或另一個，它會像預期的那樣工作，但如果我一起做，它會導致上述行爲。

謝謝

來源

2011-09-22 david watkins

您應該將面板停靠在底部。

myapp.cards.vehicleInfo.dockedItems.add(new Ext.Panel(
    {html: 'test' } 
    ) 
);

更新

Ext.regModel('Contact', { 
    fields: ['firstName', 'lastName'] 
}); 

var store1 = new Ext.data.JsonStore({ 
    model : 'Contact', 
    data: [ 
     {firstName: 'Tommy', lastName: 'Maintz'}, 
     {firstName: 'Rob',  lastName: 'Dougan'}, 
     {firstName: 'Ed',  lastName: 'Spencer'}, 
     {firstName: 'Jamie', lastName: 'Avins'}, 
     {firstName: 'Aaron', lastName: 'Conran'}, 
     {firstName: 'Dave', lastName: 'Kaneda'}, 
     {firstName: 'Michael', lastName: 'Mullany'}, 
     {firstName: 'Abraham', lastName: 'Elias'}, 
     {firstName: 'Jay',  lastName: 'Robinson'}, 
     {firstName: 'Tommy', lastName: 'Maintz'}, 
     {firstName: 'Rob',  lastName: 'Dougan'}, 
     {firstName: 'Ed',  lastName: 'Spencer'}, 
     {firstName: 'Jamie', lastName: 'Avins'}, 
     {firstName: 'Aaron', lastName: 'Conran'}, 
     {firstName: 'Dave', lastName: 'Kaneda'}, 
     {firstName: 'Michael', lastName: 'Mullany'}, 
     {firstName: 'Abraham', lastName: 'Elias'}, 
     {firstName: 'Jay',  lastName: 'Robinson'} 
    ] 
}); 

new Ext.Application({ 
    launch: function() { 
     var panel = new Ext.Panel({ 
      fullscreen: true, 
      id:'thePanel', 
      layout: 'vbox', 
      style: 'background-color:darkblue', 
      scroll:'vertical' 
     }); 
//do this in your dynamically called function 
    var list = new Ext.List({ 
     id :'theList', 
     itemTpl : '{firstName} {lastName}', 
     store: store1, 
     width: '100%', 
     scroll:false 
    }); 


var smallPanel = new Ext.Panel({layout: 'auto',width:'100%',height:200,style:'background-color:darkgreen;color:white',html:"Hello I'm the panel"}); 
    panel.items.add(list); 
    panel.items.add(smallPanel); 
    panel.doLayout();    
    } 
});

來源

2011-09-22 10:07:56 ilija139

感謝您的答案，但它仍然重疊。我添加的第一個項目是鏈接到正在加載的商店的列表。我也嘗試將代碼添加到商店的回調中，以便在商店被加載後才停靠，但仍然沒有成功。 –

好吧，我將配置選項dock：bottom添加到面板中，現在它出現在卡的底部。現在剩下的問題是，它不會與上面的列表項一起滾動。它像工具欄一樣是靜態的。 –

我不知道你在努力達到什麼目的，但是不管你做錯了什麼。 – ilija139

您應該檢查在容器中的佈局選項，其中添加面板。我上週遇到了同樣的問題，並將佈局屬性設置爲佈局：{type：'vbox'，align：'stretch'}爲我提供了一個不錯的列布局。我不確定這是否是問題，但無論如何嘗試:)

來源

2011-10-10 10:01:47 Wojtek

調用Items.Add方法兩次導致兩個項目到卡

回答

相關問題