examples/layout/viewpanel.js
"items": [
{
"|xns": "Roo",
- "xtype": "NestedLayoutPanel",
- "items": [
- {
- "|xns": "Roo",
- "xtype": "BorderLayout",
- "*prop": "layout",
- "items": [
- {
- "|xns": "Roo",
- "xtype": "LayoutRegion",
- "*prop": "center"
- },
- {
- "xtype": "ContentPanel",
- "|xns": "Roo",
- "items": [
- {
- "|xns": "Roo",
- "xtype": "View",
- "items": [
- {
- "*prop": "footer",
- "xtype": "PagingToolbar",
- "|xns": "Roo"
- },
- {
- "|xns": "Roo",
- "xtype": "Template",
- "*prop": "tpl"
- },
- {
- "|xns": "Roo.data",
- "xtype": "Store",
- "*prop": "store",
- "items": [
- {
- "|xns": "Roo.data",
- "xtype": "HttpProxy",
- "*prop": "proxy"
- },
- {
- "|xns": "Roo.data",
- "xtype": "JsonReader",
- "*prop": "reader"
- }
- ]
- }
- ]
- },
- {
- "|xns": "Roo",
- "xtype": "Toolbar",
- "*prop": "toolbar",
- "items": [
- {
- "|xns": "Roo.Toolbar",
- "xtype": "Button"
- }
- ]
- }
- ]
- }
- ]
- }
- ]
+ "xtype": "NestedLayoutPanel"
}
],
"permname": "",
var MODULE = this;
return {
xtype: 'NestedLayoutPanel',
- xns: Roo,
- layout : {
- xtype: 'BorderLayout',
- xns: Roo,
- items : [
- {
- xtype: 'ContentPanel',
- xns: Roo,
- items : [
- {
- xtype: 'View',
- xns: Roo,
- footer : {
- xtype: 'PagingToolbar',
- xns: Roo
- },
- tpl : {
- xtype: 'Template',
- xns: Roo
- },
- store : {
- xtype: 'Store',
- xns: Roo.data,
- proxy : {
- xtype: 'HttpProxy',
- xns: Roo.data
- },
- reader : {
- xtype: 'JsonReader',
- xns: Roo.data
- }
- }
- }
- ],
- toolbar : {
- xtype: 'Toolbar',
- xns: Roo,
- items : [
- {
- xtype: 'Button',
- xns: Roo.Toolbar
- }
- ]
- }
- }
- ],
- center : {
- xtype: 'LayoutRegion',
- xns: Roo
- }
- }
+ xns: Roo
};
}
});