0
A
回答
0
您尚未指定您正在使用的Ext JS版本。所以,一定會給你兩個版本的解決方案:
在ExtJS的3.X
您可以使用Ext.DataView類。這裏是一個dataview的例子。儘管示例使用了圖像,但您可以輕鬆修改視圖,但更改模板。現在,你必須在分頁欄上工作。您將不得不使用bbar
屬性並創建一個工具欄。這個工具欄將會有你的導航按鈕。所以,你有這樣的事情:
var panel = new Ext.Panel({
id:'person-view',
frame:true,
title:'User Grid',
bbar: [{
text: Prev,
iconCls: 'prev-icon'
},{
text: Next,
iconCls: 'next-icon'
}],
items: new Ext.DataView({
store: yourStore,
tpl: yourTemplate,
autoHeight:true,
multiSelect: false,
overClass:'x-view-over',
itemSelector:'div.thumb-wrap',
emptyText: 'No users to display',
})
});
[顯然,上面的代碼是不完整的。你將不得不根據用戶需要添加你的店,模板,其他屬性和事件偵聽器。]
在ExtJS的4.x的
你將不得不使用Ext.view.View類。這裏是一個骨架代碼:
Ext.define('MyApp.view.members.Display',{
extend: 'Ext.panel.Panel',
alias : 'widget.memberslist',
initComponent: function() {
this.template = Ext.create('Ext.XTemplate',
'<tpl for=".">',
'<div class="member">',
'Name : {name} <br/>',
'Title : {title}',
'</div>',
'</tpl>'
);
this.store = Ext.create('MyApp.store.Members');
this.bbar = this.buildToolbar();
this.items = this.buildItems();
this.callParent(arguments);
},
buildItems: function() {
return [{
xtype: 'dataview',
store: this.store,
id: 'members',
tpl: this.template,
itemSelector: 'div.member',
overItemCls : 'member-hover',
emptyText: 'No data available!'
}]
},
buildToolbar : function() {
return [{
text: 'Previous',
action: 'prev'
},{
text: 'Next',
action: "next"
}];
}
});
上面的代碼使用了新的MVC架構。你必須在控制器中添加事件監聽器等。
相關問題
- 1. ExtJs中的自定義網格
- 2. 我應該如何在iPad上實現自定義網格?
- 3. 自定義JsonStore和模板實現ExtJs
- 4. EXTJS 5樹網格自定義行css
- 5. ExtJS網格狀自定義控件
- 6. 如何在EXTJS網格中實現排序
- 7. iOS相機自定義:如何實現網格線?
- 8. 如何實現這個自定義數字選擇器?
- 9. 在ExtJS中,如何將自定義CSS類添加到數據網格行?
- 10. 如何在Android中製作這個自定義的「網格」佈局?
- 11. WPF:實現和綁定(數據網格)到自定義集合
- 12. ExtJS編輯器網格中的自定義編輯控件
- 13. 如何使,如自定義控制網格的這些要求
- 14. 如何在bootstrap中實現此網格?
- 15. 如何將自定義消息添加到網格中加載地圖? ExtJs 3. *
- 16. 如何實現這個網站結構?
- 17. 如何在haskell中實現自定義數據的Functor實例
- 18. 這是一個自定義鎖定機制的好實現嗎?
- 19. 在extjs中自動保存網格
- 20. 如何在ExtJs AjaxRequest中實現CSRFGuard?
- 21. 如何實現自定義協議
- 22. Cakephp:如何實現自定義分頁?
- 23. 如何實現自定義WPF控件
- 24. 如何實現自定義事件?
- 25. 如何實現自定義進度條
- 26. 如何爲Listview實現自定義FirebaseAdapter?
- 27. 如何實現自定義oracle序列?
- 28. 如何實現自定義RoleProvider?
- 29. 如何實現MVVM自定義控件?
- 30. 如何實現自定義segue動畫?