EXT富客戶端后臺(tái)管理系統(tǒng) 初步代碼

更新時(shí)間：2008年09月27日 18:01:45 作者：

EXT富客戶端后臺(tái)管理系統(tǒng) 初步代碼提供給大家

//潛水
BJExtreme.prototype.ui.menuBar.Diving = {
text: '潛水' ,
leaf: false ,
children: null
};
//登山
BJExtreme.prototype.ui.menuBar.Mountain = {
text: '登山' ,
leaf: false ,
children: null
};
//攀巖
BJExtreme.prototype.ui.menuBar.Rockclimbe = {
text: '攀巖' ,
leaf: false ,
children: null
};
//徒步
BJExtreme.prototype.ui.menuBar.Onfoot = {
text: '徒步' ,
leaf: false ,
children: null
};
//摩托車
BJExtreme.prototype.ui.menuBar.Motorcycle = {
text: '摩托車' ,
leaf: false ,
children: null
};
//項(xiàng)目中集成的模塊
BJExtreme.prototype.ui.menuBar.ModuleInProject = {
text: '項(xiàng)目中集成的模塊' ,
leaf: false ,
children: null
};
BJExtreme.prototype.ui.menuBar.ModuleInProject.children = [
{
text: '互動(dòng)提示條',leaf: true,ctl: 'ExtjsStudy',act: 'linkTips',
//這個(gè)運(yùn)行的優(yōu)先級(jí)高于下面的那個(gè)通用的監(jiān)聽控制器
listeners:{click: function (n){window.open(BJExtreme.prototype.buildLinkStr(n.attributes.ctl,n.attributes.act));return false ;}}
}
];
//初始化菜單項(xiàng)元素信息 -- 這個(gè)必須在 -- 當(dāng)前菜單是使用異步樹組件生成的 , 以后可以添加其他不同的實(shí)現(xiàn)
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.Diving ,
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
]
});
//定義一個(gè)簡(jiǎn)單的響應(yīng)事件
BJExtreme.prototype.ui.menuBar.listeners = {
click: function (n) //n.attributes 可以獲得AsyncTreeNode的children中的對(duì)象
{
if (n.attributes.leaf == true) //葉選項(xiàng)
{
//n.attributes.text n.attributes.leaf
var ctlStr = BJExtreme.prototype.buildLinkStr(n.attributes.ctl,n.attributes.act);
myextreme.showWindow('當(dāng)前控制器',400,300,ctlStr) ;
}
else //包含子菜單
{
//not to do
}
}
};
//菜單選項(xiàng)結(jié)束
//主內(nèi)容面板
BJExtreme.prototype.ui.contentPane = {
id: "main_content", xtype: "tabpanel" , region: 'center' ,items: [{title: '主內(nèi)容面板'}]
};
//狀態(tài)條
BJExtreme.prototype.ui.statusBar = {
xtype: "tabpanel" , region: 'south' ,items: [{title: '狀態(tài)條'}]
};
BJExtreme.prototype.buildMainPane = function(BJExtremeObj){
//Ext.Viewport 用來將對(duì)象渲染到頁(yè)面中的body塊中,會(huì)自動(dòng)改變,每個(gè)頁(yè)面僅限一個(gè)
this.mainPane = new Ext.Viewport({
enableTabScroll: true ,
layout: 'border', //設(shè)為fit則不能顯示復(fù)合面板
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) ;
}
);
</script>
<%*執(zhí)行塊的JS區(qū)域 -- 結(jié)束*%>
</head>
<body>


</body>
</html>