extjs panelgrid替代

Question

瀏覽ExtJS文檔時，我迷失在名稱之中，無法找到所需的組件。我想展示一個對象的屬性是這樣的：

名稱：命名

地址：地址

隨着JSF，我會用一個panelGrid中使用的outputText標籤。有沒有這樣的組件？ 還有其他的東西：我想讓這個面板像手風琴或類似的東西一樣「可閉合」，這樣用戶可以在不需要的時候隱藏信息，但是我不能讓手風琴面板的大小適應內容。當我在primefaces中使用accordionpanel時，如果內容發生變化，面板的大小將會調整。有沒有什麼辦法可以用ExtJS做到這一點？

Answer 1

嗯，這個怎麼樣：

Ext.create('Ext.data.Store', { 
    storeId:'simpsonsStore', 
    fields:['name', 'email', 'phone'], 
    data:{'items':[ 
     { 'name': 'Lisa', "email":"lisa@simpsons.com", "phone":"555-111-1224" }, 
     { 'name': 'Bart', "email":"bart@simpsons.com", "phone":"555-222-1234" }, 
     { 'name': 'Homer', "email":"home@simpsons.com", "phone":"555-222-1244" }, 
     { 'name': 'Marge', "email":"marge@simpsons.com", "phone":"555-222-1254" } 
    ]}, 
    proxy: { 
     type: 'memory', 
     reader: { 
      type: 'json', 
      root: 'items' 
     } 
    } 
}); 

Ext.create('Ext.grid.Panel', { 
    title: 'Simpsons', 
    collapsible: true, 
    store: Ext.data.StoreManager.lookup('simpsonsStore'), 
    columns: [ 
     { text: 'Name', dataIndex: 'name' }, 
     { text: 'Email', dataIndex: 'email', flex: 1 }, 
     { text: 'Phone', dataIndex: 'phone' } 
    ], 
    height: 200, 
    width: 400, 
    renderTo: Ext.getBody() 
});