亚洲视频.com,亚洲AV无码专区在线观看成人,亚洲GV天堂GV无码男同

xloadtree.js

  1 /*----------------------------------------------------------------------------\
  2 |                               XLoadTree 1.11                                |
  3 |-----------------------------------------------------------------------------|
  4 |                         Created by Erik Arvidsson                           |
  5 |                  (http://webfx.eae.net/contact.html#erik)                   |
  6 |                      For WebFX (http://webfx.eae.net/)                      |
  7 |-----------------------------------------------------------------------------|
  8 | An extension to xTree that allows sub trees to be loaded at runtime by      |
  9 | reading XML files from the server. Works with IE5+ and Mozilla 1.0+         |
10 |-----------------------------------------------------------------------------|
11 |             Copyright (c) 2001, 2002, 2003, 2006 Erik Arvidsson             |
12 |-----------------------------------------------------------------------------|
13 | Licensed under the Apache License, Version 2.0 (the "License"); you may not |
14 | use this file except in compliance with the License.  You may obtain a copy |
15 | of the License at http://www.apache.org/licenses/LICENSE-2.0                |
16 | - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - |
17 | Unless  required  by  applicable law or  agreed  to  in  writing,  software |
18 | distributed under the License is distributed on an  "AS IS" BASIS,  WITHOUT |
19 | WARRANTIES OR  CONDITIONS OF ANY KIND,  either express or implied.  See the |
20 | License  for the  specific language  governing permissions  and limitations |
21 | under the License.                                                          |
22 |-----------------------------------------------------------------------------|
23 | Dependencies: xtree.js     - original xtree library                         |
24 |               xtree.css    - simple css styling of xtree                    |
25 |               xmlextras.js - provides xml http objects and xml document     |
26 |                              objects                                        |
27 |-----------------------------------------------------------------------------|
28 | 2001-09-27 | Original Version Posted.                                       |
29 | 2002-01-19 | Added some simple error handling and string templates for      |
30 |            | reporting the errors.                                          |
31 | 2002-01-28 | Fixed loading issues in IE50 and IE55 that made the tree load  |
32 |            | twice.                                                         |
33 | 2002-10-10 | (1.1) Added reload method that reloads the XML file from the   |
34 |            | server.                                                        |
35 | 2003-05-06 | Added support for target attribute                             |
36 | 2006-05-28 | Changed license to Apache Software License 2.0.                |
37 |-----------------------------------------------------------------------------|
38 | Created 2001-09-27 | All changes are in the log above. | Updated 2006-05-28 |
39 \----------------------------------------------------------------------------*/
40
41 // 正在加載顯示內(nèi)容
42 webFXTreeConfig.loadingText = "Loading

";
43 // 加載錯誤模板
44 webFXTreeConfig.loadErrorTextTemplate = "Error loading \"%1%\"";
45 //加載空文件錯誤模板
46 webFXTreeConfig.emptyErrorTextTemplate = "Error \"%1%\" does not contain any tree items";
47
48 /*
49  * WebFXLoadTree class
50  */
51
52 function WebFXLoadTree(sText, sXmlSrc, sAction, sBehavior, sIcon, sOpenIcon) {
53     // call super
54     this.WebFXTree = WebFXTree;
55     this.WebFXTree(sText, sAction, sBehavior, sIcon, sOpenIcon);
56
57     // setup default property values
58     // xml 文件路徑或 document 對象
59     this.src = sXmlSrc;
60     //表示是否正在加載狀態(tài)
61     this.loading = false;
62     //表示是否已經(jīng)加載完狀態(tài)
63     this.loaded = false;
64     //錯誤信息
65     this.errorText = "";
66
67     // check start state and load if open
68     if (this.open){
69         _startLoadXmlTree(this.src, this);
70     }    else {
71         // and create loading item if not
72         this._loadingItem = new WebFXTreeItem(webFXTreeConfig.loadingText);
73         this.add(this._loadingItem);
74     }
75 }
76
77 //WebFXLoadTree 類，繼承 WebFXTree 類的所有屬性和方法。
78 WebFXLoadTree.prototype = new WebFXTree;
79
80 //先將 webFXTree expand method copy to WebFXTloadTree  _webfxtree_expand method
81 // override the expand method to load the xml file
82 WebFXLoadTree.prototype._webfxtree_expand = WebFXTree.prototype.expand;
83 WebFXLoadTree.prototype.expand = function() {
84     if (!this.loaded && !this.loading) {
85         // load
86         _startLoadXmlTree(this.src, this);
87     }
88     this._webfxtree_expand();
89 };
90
91 /*
92  * WebFXLoadTreeItem class
93  */
94
95 function WebFXLoadTreeItem(sText, sXmlSrc, sAction, eParent, sIcon, sOpenIcon) {
96     // call super
97     this.WebFXTreeItem = WebFXTreeItem;
98     this.WebFXTreeItem(sText, sAction, eParent, sIcon, sOpenIcon);
99
100     // setup default property values
101     this.src = sXmlSrc;
102     this.loading = false;
103     this.loaded = false;
104     this.errorText = "";
105
106     // check start state and load if open
107     if (this.open){
108         _startLoadXmlTree(this.src, this);
109     }else {
110         // and create loading item if not
111         this._loadingItem = new WebFXTreeItem(webFXTreeConfig.loadingText);
112         this.add(this._loadingItem);
113     }
114 }
115
116 // WebFXLoadTreeItem 繼承 WebFXTreeItem 所有的屬性和方法。
117 WebFXLoadTreeItem.prototype = new WebFXTreeItem;
118
119 // override the expand method to load the xml file
120 WebFXLoadTreeItem.prototype._webfxtreeitem_expand = WebFXTreeItem.prototype.expand;
121 WebFXLoadTreeItem.prototype.expand = function() {
122     if (!this.loaded && !this.loading) {
123         // load
124         _startLoadXmlTree(this.src, this);
125     }
126     this._webfxtreeitem_expand();
127 };
128
129 // reloads the src file if already loaded
130 WebFXLoadTree.prototype.reload = WebFXLoadTreeItem.prototype.reload = function () {
131     // if loading do nothing
132     if (this.loaded) {
133         var open = this.open;
134         // remove
135         while (this.childNodes.length > 0){
136             this.childNodes[this.childNodes.length - 1].remove();
137     }
138         this.loaded = false;
139
140         this._loadingItem = new WebFXTreeItem(webFXTreeConfig.loadingText);
141         this.add(this._loadingItem);
142
143         if (open)
144             this.expand();
145     }    else if (this.open && !this.loading){
146         _startLoadXmlTree(this.src, this);
147     }
148 };
149
150
151
152 /*
153  * Helper functions
154  */
155
156 // creates the xmlhttp object and starts the load of the xml document
157 function _startLoadXmlTree(sSrc, jsNode) {
158     if (jsNode.loading || jsNode.loaded)
159         return;
160     jsNode.loading = true;
161     var xmlHttp = XmlHttp.create();
162     xmlHttp.open("GET", sSrc, true);    // async
163     xmlHttp.onreadystatechange = function () {
164         if (xmlHttp.readyState == 4) {
165             _xmlFileLoaded(xmlHttp.responseXML, jsNode);
166         }
167     };
168     // call in new thread to allow ui to update
169     window.setTimeout(function () {
170         xmlHttp.send(null);
171     }, 10);
172 }
173
174 // Inserts an xml document as a subtree to the provided node
175 function _xmlFileLoaded(oXmlDoc, jsParentNode) {
176     if (jsParentNode.loaded)
177         return;
178
179     var bIndent = false;
180     //是否存在子節(jié)點的狀態(tài)
181     var bAnyChildren = false;
182     jsParentNode.loaded = true;
183     jsParentNode.loading = false;
184
185     // check that the load of the xml file went well
186     // 檢查加載的 xml 文件是否順利 documentELement 返回文檔的根節(jié)點。
187     if( oXmlDoc == null || oXmlDoc.documentElement == null) {
188         jsParentNode.errorText = parseTemplateString(webFXTreeConfig.loadErrorTextTemplate,
189                             jsParentNode.src);
190     } else {
191         // there is one extra level of tree elements
192         //樹型根元素
193         var root = oXmlDoc.documentElement;
194
195         // loop through all tree children
196         var cs = root.childNodes;
197         var l = cs.length;
198         for (var i = 0; i < l; i++) {
199             if (cs[i].tagName == "tree") {
200                 bAnyChildren = true;
201                 bIndent = true;
202                 jsParentNode.add( _xmlTreeToJsTree(cs[i]), true);
203             }
204         }
205
206         // if no children we got an error
207         if (!bAnyChildren){
208             jsParentNode.errorText = parseTemplateString(webFXTreeConfig.emptyErrorTextTemplate,
209                                         jsParentNode.src);
210         }
211     }
212
213     // remove dummy
214     if (jsParentNode._loadingItem != null) {
215         jsParentNode._loadingItem.remove();
216         bIndent = true;
217     }
218
219     if (bIndent) {
220         // indent now that all items are added
221         jsParentNode.indent();
222     }
223
224     // show error in status bar
225     if (jsParentNode.errorText != "")
226       //status 屬性可設(shè)置或返回窗口狀態(tài)欄中的文本。
227         window.status = jsParentNode.errorText;
228 }
229
230 // parses a string and replaces %n% with argument nr n
231 function parseTemplateString(sTemplate) {
232     // arguments 屬性，函數(shù)可以處理可變數(shù)量的參數(shù)。
233     // arguments 對象的 length 屬性包含了傳遞給函數(shù)的參數(shù)的數(shù)目。
234     // 對于arguments 對象所包含的單個參數(shù)，其訪問方法與數(shù)組中所包含的參數(shù)的訪問方法相同。
235     var args = arguments;
236     var s = sTemplate;
237
238   //replace() 方法用于在字符串中用一些字符替換另一些字符，或替換一個與正則表達(dá)式匹配的子串。
239     s = s.replace(/\%\%/g, "%");
240
241     for (var i = 1; i < args.length; i++){
242       //    RegExp 是正則表達(dá)式的縮寫.
243         s = s.replace( new RegExp("\%" + i + "\%", "g"), args[i] )
244
245  }
246     return s;
247 }
248
249 // Converts an xml tree to a js tree. See article about xml tree format
250 function _xmlTreeToJsTree(oNode) {
251     // retreive attributes
252     var text = oNode.getAttribute("text");
253     var action = oNode.getAttribute("action");
254     var parent = null;
255     var icon = oNode.getAttribute("icon");
256     var openIcon = oNode.getAttribute("openIcon");
257     var src = oNode.getAttribute("src");1
258     var target = oNode.getAttribute("target");
259     // create jsNode
260     var jsNode;
261     if (src != null && src != ""){
262         jsNode = new WebFXLoadTreeItem(text, src, action, parent, icon, openIcon);
263     } else{
264         jsNode = new WebFXTreeItem(text, action, parent, icon, openIcon);
265   }
266     if (target != ""){
267         jsNode.target = target;
268   }
269
270     // go through childNOdes
271     var cs = oNode.childNodes;
272     var l = cs.length;
273     for (var i = 0; i < l; i++) {
274         if (cs[i].tagName == "tree")
275             jsNode.add( _xmlTreeToJsTree(cs[i]), true );
276     }
277     return jsNode;
278 }

讀一篇好代碼，有如讀一本好小說

posted on 2009-07-10 11:39 星期五閱讀(856) 評論(0) 編輯收藏所屬分類: WEB FX

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發(fā)表評論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關(guān)文章: web fx xload tree bug xloadtree.js xtree.js Web FX 的 XLoadTree 基本應(yīng)用 WebFX 的 Xml Extras 基本應(yīng)用 WebFx的 XTree 基本應(yīng)用 xtree的基本應(yīng)用---入門級（轉(zhuǎn)）

道非道非常道

導(dǎo)航

公告

隨筆分類(92)

文章分類(58)

收藏夾(11)

隨筆檔案(106)

文章檔案(66)

統(tǒng)計

web

天圓

經(jīng)濟政治軍事

鍵康

xloadtree.js

道非道 非常道

導(dǎo)航

公告

隨筆分類(92)

文章分類(58)

收藏夾(11)

隨筆檔案(106)

文章檔案(66)

統(tǒng)計

web

天圓

經(jīng)濟 政治 軍事

鍵康

xloadtree.js

道非道非常道

經(jīng)濟政治軍事