EXT rich client background management system preliminary code_YUI.Ext related

EXT rich client backend management system preliminary code is provided to everyone

" /> "> "> //Specific development--BJExtreme class BJExtreme= function(){}; BJExtreme.prototype.getAuthor = function(){ return 'Xu Xiaohan' ; } BJExtreme.prototype.getVersion = function(){ return 'August 13, 2008 17:00'; } BJExtreme.prototype.getController = function(){ return 'index.php' ; } BJExtreme.prototype.buildLinkStr = function(ctl, act){ if (ctl == undefined) return BJExtreme.prototype.getController() ; if (act == undefined) act = null ; return BJExtreme.prototype. getController() '?ctl=' ctl '&act=' act ; } BJExtreme.prototype.showWindow = function(title1,width1,height1,html1){ if (this.win == undefined ){ this.win = new Ext.Window({ title: title1, width: width1, height: height1, html: html1 }); } else { this.win.close(); this.win = new Ext.Window({ title: title1, width: width1, height: height1 , html: html1 }); } this.win.show(); } /*Encapsulate the UI components that appear separately*/ BJExtreme.prototype.ui = function(){} ; BJExtreme.prototype.ui.mainTopic = { title: 'Beijing Extreme Backend Management', region: 'north' , html: ' /swf/top_title.swf" quality="high" type="application/x-shockwave-flash" width="450" height="50"> ' }; /*Left menu item operation--Start*/ //Define the menu bar object in the initial state BJExtreme.prototype.ui.menuBar = { xtype: 'treepanel' , title: 'menu',region: 'west',width: 200 ,collapsible: true , loader: null , root: null ,rootVisible: true , listeners: null }; //Travel related BJExtreme.prototype.ui.menuBar.Traveling = { text: 'Travel' , leaf: false , // Set this to false to display the file Clip icon, true will display single item icon children: null }; BJExtreme.prototype.ui.menuBar.Traveling.children = [ {text: 'Beijing',leaf: true ,ctl : 'Peking',act: ''}, {text: 'Tibet' ,leaf: true ,ctl: 'Tibet' ,act: ''}, {text: 'Thailand' ,leaf: true }, {text: 'Shangrila',leaf: true,ctl:'Shangrila',act: ''} ]; //Tibetan medicine related BJExtreme.prototype.ui.menuBar. Mibetdoctor = { text: 'Tibetan Medicine' , leaf: false , children: null }; BJExtreme.prototype.ui.menuBar.Mibetdoctor.children = [ { text: 'History of Tibetan Medicine',leaf: true}, {text: 'Tibetan Medicine Theory' ,leaf: true}, {text: 'Diagnosis' ,leaf: true}, {text: ' Disease',leaf: true}, {text: 'Treatment',leaf: true} ];

//Dive BJExtreme.prototype.ui.menuBar.ping = { text: 'Diving' , leaf: false , children: null }; //Mountain climbing BJExtreme.prototype.ui.menuBar.Mountain = { text: 'Mountain climbing' , leaf: false , children: null }; //Rock climbing BJExtreme.prototype.ui.menuBar.Rockclimbe = { text: ' Rock climbing' , leaf: false , children: null }; //Hiking BJExtreme.prototype.ui.menuBar.Onfoot = { text: 'Hiking' , leaf: false , children: null }; //Motorcycle BJExtreme.prototype.ui.menuBar.Motorcycle = { text: 'Motorcycle' , leaf: false , children: null }; //Modules integrated in the project BJExtreme.prototype.ui.menuBar.ModuleInProject = { text: 'Integrated in the project module' , leaf: false , children: null }; BJExtreme.prototype.ui.menuBar.ModuleInProject.children = [ { text: 'Interactive prompt strip',leaf: true,ctl: 'ExtjsStudy',act: 'linkTips', //This operation has a higher priority than the general listening controller below listeners:{click: function (n){window.open(BJExtreme.prototype.buildLinkStr(n.attributes.ctl,n.attributes. act));return false ;}} } ]; //Initialize menu item element information--This must be in--The current menu is generated using the asynchronous tree component, and other different ones can be added in the future Implementation of BJExtreme.prototype.ui.menuBar.loader = new Ext.tree.TreeLoader(); BJExtreme.prototype.ui.menuBar.root = new Ext.tree.AsyncTreeNode({ expanded: true , children: [ BJExtreme.prototype.ui.menuBar.Traveling , BJExtreme.prototype.ui.menuBar.Mibetdoctor , BJExtreme.prototype.ui.menuBar.ping , BJExtreme.prototype.ui.menuBar.Mountain , BJExtreme.prototype.ui.menuBar.Rockclimbe , BJExtreme.prototype.ui.menuBar.Onfoot , BJExtreme.prototype.ui.menuBar.Motorcycle , BJExtreme.prototype.ui.menuBar.ModuleInProject ] }); //Define a simple response event BJExtreme.prototype.ui.menuBar.listeners = { click : function (n) //n.attributes can obtain the objects in the children of AsyncTreeNode { if (n.attributes.leaf == true) //Leaf options { //n .attributes.text n.attributes.leaf var ctlStr = BJExtreme.prototype.buildLinkStr(n.attributes.ctl,n.attributes.act); myextreme.showWindow('Current Controller',400,300,ctlStr ) ; } else //Contains submenu { //not to do } } }; //End of menu options //Main content panel BJExtreme.prototype.ui.contentPane = { id: "main_content", xtype: "tabpanel" , region: 'center' ,items: [{title: 'Main content panel' }] }; //Status Bar BJExtreme.prototype.ui.statusBar = { xtype: "tabpanel" , region: 'south' ,items: [{title: 'Status Bar '}] }; BJExtreme.prototype.buildMainPane = function(BJExtremeObj){ //Ext.Viewport is used to render objects into the body block in the page, and will automatically change for each page Only one this.mainPane = new Ext.Viewport({ enableTabScroll: true , layout: 'border', //If set to fit, the composite panel cannot be displayed items: [ BJExtremeObj.ui.mainTopic, BJExtremeObj.ui.menuBar , BJExtremeObj.ui.contentPane , BJExtremeObj.ui.statusBar ] }) ; } var myextreme = new BJExtreme(); Ext.onReady( function(){ //Ext.MessageBox.alert('BJExtreme Version',myextreme.getVersion()); // Ext.MessageBox.alert('BJExtreme Version',myextreme.buildLinkStr('t','b')); myextreme.buildMainPane(myextreme) ; } );