脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → YUI.Ext相关 → EXT富客户端

EXT富客户端后台管理系统 初步代码

 更新时间：2008年09月27日 18:01:45   作者：  
EXT富客户端后台管理系统 初步代码提供给大家

//潜水
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
};
//项目中集成的模块
BJExtreme.prototype.ui.menuBar.ModuleInProject = {
text: '项目中集成的模块' ,
leaf: false ,
children: null
};
BJExtreme.prototype.ui.menuBar.ModuleInProject.children = [
{
text: '互动提示条',leaf: true,ctl: 'ExtjsStudy',act: 'linkTips',
//这个运行的优先级高于下面的那个通用的监听控制器
listeners:{click: function (n){window.open(BJExtreme.prototype.buildLinkStr(n.attributes.ctl,n.attributes.act));return false ;}}
}
];
//初始化 菜单项元素 信息 -- 这个必须在 -- 当前菜单是使用异步树组件生成的 , 以后可以添加其他不同的实现
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
]
});
//定义一个简单的响应事件
BJExtreme.prototype.ui.menuBar.listeners = {
click: function (n) //n.attributes 可以获得AsyncTreeNode的children中的对象
{
if (n.attributes.leaf == true) //叶选项
{
//n.attributes.text n.attributes.leaf
var ctlStr = BJExtreme.prototype.buildLinkStr(n.attributes.ctl,n.attributes.act);
myextreme.showWindow('当前控制器',400,300,ctlStr) ;
}
else //包含子菜单
{
//not to do
}
}
};
//菜单选项结束
//主内容面板
BJExtreme.prototype.ui.contentPane = {
id: "main_content", xtype: "tabpanel" , region: 'center' ,items: [{title: '主内容面板'}]
};
//状态条
BJExtreme.prototype.ui.statusBar = {
xtype: "tabpanel" , region: 'south' ,items: [{title: '状态条'}]
};
BJExtreme.prototype.buildMainPane = function(BJExtremeObj){
//Ext.Viewport 用来将对象渲染到页面中的body块中,会自动改变,每个页面仅限一个
this.mainPane = new Ext.Viewport({
enableTabScroll: true ,
layout: 'border', //设为fit则不能显示复合面板
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>
<%*执行块的JS区域 -- 结束*%>
</head>
<body>
<!-- //页面中子导航菜单 -->

</body>
</html>

相关文章

最新评论