Var load = var bookIT = text: "IT" leaf: Ext. messageBox. alert ("prompt", "you clicked" + var bookNovel = text: "novel" leaf: Ext. messageBox. alert ("prompt", "you clicked" + var bookFinance = text: "finance" leaf: Ext. messageBox. alert ("prompt", "you clicked" + var bookRoot = id: "root" text: "tree root" var bookTree = id: 'book _ tree' title: 'book information' rootVisible: xtype: 'treepanel 'enableDD:, bodyStyle: 'background-color: # ccccff' var houseCooking = text: "kitchenware" leaf: Ext. messageBox. alert ("prompt", "you clicked" + var houseTable = text: "" leaf: Ext. messageBox. alert ("prompt", "you clicked" + var houseRoot = id: "root" text: "tree root" var houseTree = id: 'House _ tree' title: 'houseware 'rootvisible: xtype: 'treepanel 'enableDD: bodyStyle: 'background-color: # ccccff' var electronComputer = text: "computer" leaf: Ext. messageBox. alert ("prompt", "you clicked" + var electronRoot = id: "root" text: "tree root" var electronTree = id: 'electron _ tree' title: 'electronic' xtype: 'treepanel 'rootVisible: enableDD: bodyStyle: 'background-color: # ccccff' var clothesMan = text: "men's wear" leaf: Ext. messageBox. alert ("prompt", "you clicked" + var clothesGirl = text: "Women's Wear" leaf: Ext. messageBox. alert ("prompt", "you clicked" + var clothesRoot = id: "root" text: "tree root" var clothesTree = id: 'clothes _ tree' rootVisible: xtype: 'treepanel 'enableDD: title: 'clothing 'bodystyle: 'background-color: # ccccff' layout: 'border' region: 'North' contentEl: 'Main _ top' height: 100 border: margins: '0 0 5 0' region: 'west' collapsible:, title: 'category' width: 200 minSize: 100 maxSize: 400, collapsible:, autoScroll: split:, layout: 'accordion' titleCollapse:, collapseFirst:, animate:, hideCollapseTool:, activeOnTop: region: 'center' xtype: 'tabpanel 'contentel: 'main _ right' title: "item"} Ext. onReady (load );