Codes for Virtual file Carbinet( base.js)

/**
* @author aiti
* Created by Ernie and Joshua
*/
var myBase = function(){
return {
//===========Function to various .js files===================================================
loadjs: function(mni){
testthis = this;
testmni = mni;
Ext.getBody().createChild({
tag: 'script',
type: 'text/javascript',
src: 'biz/'+mni.src+'.js',
waitMsg:'Loading...'
});
},
//===========Function ends===================================================================
//===========Function to render components to viewport=======================================
renderPage: function(obj){
var page = Ext.getCmp('pgp');
if(page.current) page.remove(page.current);
page.add(obj);
page.current = obj;
page.doLayout();
},
//===========Function Ends ==================================================================
//===========Function Creates PageBar for grid ==============================================
pagebar: function(dstore,opts){
var cfg = {
store: dstore,
displayInfo: true,
width:300,
pageSize: 10
};
Ext.apply(cfg,opts);
var pb = new Ext.PagingToolbar(cfg);
return pb;
},
//===========Function Ends ===================================================================
//===========Function to generate the viewport================================================
init: function(){
viewport = new Ext.Viewport({
layout: 'border',
items: [{
region: 'north',
xtype: 'toolbar',
html: 'North',
height: 30,
items: this.mymnu()
}, {
region: 'center',
id: 'pgp',
layout:'fit',
current: false,
xtype: 'panel'
}, {
region: 'south',
xtype: 'toolbar',
height: 25
}]
});
},
//========================================viewport Ends========================================
//===========Function to generate the window-Menu==============================================
win_mnu: function(){

var w_mn = [{text:'Add'},{text:'Edit'},{text:'View'},{text:'Delete'}];
return w_mn;
},
//==========================window-Menu Ends===================================================
//===========Function to generate the window===================================================
mywin: function(ti){
if(ti.text=='Add'){
var fm = this.mpan(false);
}

var win = new Ext.Window({
width: 600,
closable: true,
constrainHeader: true,
bodyBorder: true,
title: ti.text,
resizable: false,
items: [fm,win_mnu()]
});
win.show();
},
//========================================Window Ends===========================================
//========================================panel config==========================================
mpan: function(){
//var combo ={xtype: 'combo',store:mstore,data:dt,fields:fld}
var comps = {name:'test',fieldLabel:'',allowBlank:false}
var itm = {xtype:'fieldset',columnWidth: 0.5,autoHeight:true,defaultType: 'textfield',items:[comps]}
var pan = new Ext.FormPanel({
labelWidth: 70,
//url:'login.php',
baseParams:{test:'ernie'},
frame: true,
monitorValid: true,
layout:'column',
items:[itm]
});
return pan;
},
//=====================================Panel Ends==================================================
//========================================Function to generate Main menu===========================
mymnu: function(){
var menu = [{
text: 'Organization',
handler: this.loadjs,
src: 'org'
},'-', {
text: 'Individual',
handler: this.loadjs,
src: 'ind'
},'-' ,{
text: 'Interest',
handler: this.loadjs,
src: 'interest'
},'-',{
text: 'Help',
handler: this.loadjs,
src: 'help'
},'->' ,{
text: 'Logout',
handler: function(){
var redirect = 'index.html';
window.location = redirect;
}
}];
return menu;
}
//========================================Menu Ends==================================================
}
}();//Singleton
Ext.onReady(myBase.init,myBase,true);