EXTリッチクライアントバックグラウンド管理システム暫定コード_YUI.Ext関連

EXT リッチ クライアント バックエンド管理システムの暫定コードが全員に提供されます

" /> "> "> //具体的な開発 - BJExtreme class BJExtreme= function(){}; BJExtreme.prototype.getAuthor = function(){ return 'Xu Xiaohan' ; } BJExtreme.prototype.getVersion = function(){ return '2008 年 8 月 13 日 17: 00'; } BJExtreme.prototype.getController = function(){ return 'index.php' ; } BJExtreme.prototype.buildLinkStr = function(ctl, act){ if (ctl == 未定義) return BJExtreme.prototype.getController() ; if (act == unknown) act = null ; return BJExtreme.prototype. '?ctl=' ctl '&act=' act ; } BJExtreme.prototype.showWindow = function(title1,width1,height1,html1){ if (this.win == 未定義){ this.win = new Ext.Window({ title: title1, width: width1, height: height1, html: html1 }); 🎜>else { this.win.close(); this.win = new Ext.Window({ タイトル: title1, 幅: width1, 高さ: height1 , html: html1 }); } this.win.show(); } /*個別に表示される UI コンポーネントをカプセル化します*/ BJExtreme.prototype .ui = function(){} ; BJExtreme.prototype.ui.mainTopic = { タイトル: '北京エクストリーム バックエンド管理'、地域: '北' 、 html: ' /swf/top_title.swf"quality="high" type="application/x-shockwave-flash" width="450" height="50"> }; /*左メニュー項目の操作--開始*/ //初期状態のメニューバーオブジェクトを定義 BJExtreme.prototype.ui.menuBar = { xtype: 'treepanel' 、 title: 'menu'、region: 'west'、width: 200 、collapsible: true 、 loader: null 、root: null 、rootVisible: true 、リスナー: null }; //旅行関連 BJExtreme.prototype.ui.menuBar.Traveling = { text: 'Travel' , leaf: false , // ファイル Clip を表示するには、これを false に設定します。 icon、true は単一アイテムアイコンを表示します children: null } BJExtreme.prototype.ui.menuBar.Traveling.children = [ {text: 'Beijing',leaf: true ,ctl : '北京',act: ''}, {text: 'チベット' ,leaf: true ,ctl: 'チベット' ,act: ''}, {text: 'タイ' ,leaf: true }, {text: 'シャングリラ',leaf: true,ctl:'シャングリラ',act: ''} ]; //チベット医学関連 BJExtreme.prototype.ui.menuBar . Mibetdoctor = { text: 'チベット医学' 、 leaf: false 、 children: null }; >{ text: 'チベット医学の歴史',leaf: true}, {text: 'チベット医学理論' ,leaf: true}, {text: '診断' ,leaf: true}, {text: '病気',leaf: true}, {text: '治療',leaf: true} ];

//Dive BJExtreme.prototype.ui. menuBar.ping = { text: 'Diving' , 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 } //Motorcycle BJExtreme.prototype.ui.menuBar.Motorcycle = { text: 'Motorcycle' , leaf: false , children: null }; //プロジェクトに統合されたモジュール BJExtreme.prototype.ui.menuBar.ModuleInProject = { text: 'プロジェクト モジュールに統合' 、 leaf: false 、 children: null } BJExtreme.prototype.ui.menuBar.ModuleInProject.children = [ { テキスト: '対話型プロンプト ストリップ'、リーフ: 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.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 ] }); // 単純な応答イベントを定義します BJExtreme.prototype.ui.menuBar.listeners = { click : function (n) //n.attributes は AsyncTreeNode の子のオブジェクトを取得できます { 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 //サブメニューが含まれています { //実行しない } } }; options //メイン コンテンツ パネル BJExtreme.prototype.ui.contentPane = { id: "main_content", xtype: "tabpanel" 、region: 'center' 、items: [{title: 'Mainコンテンツ パネル' }] }; //ステータス バー BJExtreme.prototype.ui.statusBar = { xtype: "tabpanel" 、region: 'south' 、items: [{title: 'ステータス バー '}] }; BJExtreme.prototype.buildMainPane = function(BJExtremeObj){ //Ext.Viewport はページ内のボディ ブロックにオブジェクトをレンダリングするために使用され、自動的に変更されます各ページに 1 つだけ this.mainPane = new Ext.Viewport({ enableTabScroll: true , layout: 'border', //fit に設定されている場合、複合パネルは表示できません 項目: [ BJExtremeObj.ui.mainTopic、 BJExtremeObj.ui.menuBar、 BJExtremeObj.ui.contentPane、 BJExtremeObj.ui.statusBar ] }) ; >} var myextreme = new BJExtreme(); Ext.onReady( function(){ //Ext.MessageBox.alert('BJExtreme バージョン',myextreme.getVersion()); // Ext.MessageBox.alert('BJExtreme バージョン',myextreme.buildLinkStr('t','b')); myextreme.buildMainPane(myextreme) }