| [ Index ] |
|
Code source de eGroupWare 1.2.106-2 |
1 <html xmlns:v="urn:schemas-microsoft-com:vml" 2 xmlns:o="urn:schemas-microsoft-com:office:office" 3 xmlns:w="urn:schemas-microsoft-com:office:word" 4 xmlns="http://www.w3.org/TR/REC-html40"> 5 6 <head> 7 <meta http-equiv=Content-Type content="text/html; charset=windows-1251"> 8 <meta name=ProgId content=Word.Document> 9 <meta name=Generator content="Microsoft Word 11"> 10 <meta name=Originator content="Microsoft Word 11"> 11 <link rel=File-List href="Dynamical%20loading_files/filelist.xml"> 12 <link rel=Edit-Time-Data href="Dynamical%20loading_files/editdata.mso"> 13 <title>Dynamical loading means loading data on request</title> 14 15 <style> 16 <!-- 17 /* Style Definitions */ 18 p.MsoNormal, li.MsoNormal, div.MsoNormal 19 {mso-style-parent:""; 20 margin:0in; 21 margin-bottom:.0001pt; 22 mso-pagination:widow-orphan; 23 font-size:12.0pt; 24 font-family:"Times New Roman"; 25 mso-fareast-font-family:"Times New Roman";} 26 a:link, span.MsoHyperlink 27 {color:blue; 28 text-decoration:underline; 29 text-underline:single;} 30 a:visited, span.MsoHyperlinkFollowed 31 {color:purple; 32 text-decoration:underline; 33 text-underline:single;} 34 span.GramE 35 {mso-style-name:""; 36 mso-gram-e:yes;} 37 @page Section1 38 {size:595.3pt 841.9pt; 39 margin:56.7pt 42.5pt 56.7pt 85.05pt; 40 mso-header-margin:.5in; 41 mso-footer-margin:.5in; 42 mso-paper-source:0;} 43 div.Section1 44 {page:Section1;} 45 /* List Definitions */ 46 @list l0 47 {mso-list-id:483744830; 48 mso-list-template-ids:435879032; 49 mso-list-style-name:"Current List2";} 50 @list l0:level1 51 {mso-level-tab-stop:.5in; 52 mso-level-number-position:left; 53 text-indent:-.25in; 54 mso-ansi-font-size:12.0pt; 55 mso-bidi-font-size:12.0pt; 56 mso-ascii-font-family:Arial; 57 mso-hansi-font-family:Arial; 58 color:blue; 59 mso-ansi-font-weight:bold;} 60 @list l0:level2 61 {mso-level-number-format:alpha-lower; 62 mso-level-tab-stop:1.0in; 63 mso-level-number-position:left; 64 text-indent:-.25in;} 65 @list l0:level3 66 {mso-level-number-format:roman-lower; 67 mso-level-tab-stop:1.5in; 68 mso-level-number-position:right; 69 text-indent:-9.0pt;} 70 @list l0:level4 71 {mso-level-tab-stop:2.0in; 72 mso-level-number-position:left; 73 text-indent:-.25in;} 74 @list l0:level5 75 {mso-level-number-format:alpha-lower; 76 mso-level-tab-stop:2.5in; 77 mso-level-number-position:left; 78 text-indent:-.25in;} 79 @list l0:level6 80 {mso-level-number-format:roman-lower; 81 mso-level-tab-stop:3.0in; 82 mso-level-number-position:right; 83 text-indent:-9.0pt;} 84 @list l0:level7 85 {mso-level-tab-stop:3.5in; 86 mso-level-number-position:left; 87 text-indent:-.25in;} 88 @list l0:level8 89 {mso-level-number-format:alpha-lower; 90 mso-level-tab-stop:4.0in; 91 mso-level-number-position:left; 92 text-indent:-.25in;} 93 @list l0:level9 94 {mso-level-number-format:roman-lower; 95 mso-level-tab-stop:4.5in; 96 mso-level-number-position:right; 97 text-indent:-9.0pt;} 98 @list l1 99 {mso-list-id:849370803; 100 mso-list-template-ids:1733444914; 101 mso-list-style-name:"Spec List";} 102 @list l1:level1 103 {mso-level-tab-stop:.5in; 104 mso-level-number-position:left; 105 text-indent:-.25in; 106 mso-ansi-font-size:14.0pt; 107 mso-ascii-font-family:Arial; 108 mso-hansi-font-family:Arial; 109 mso-ansi-font-weight:bold;} 110 @list l1:level2 111 {mso-level-number-format:alpha-lower; 112 mso-level-tab-stop:1.0in; 113 mso-level-number-position:left; 114 text-indent:-.25in;} 115 @list l1:level3 116 {mso-level-number-format:roman-lower; 117 mso-level-tab-stop:1.5in; 118 mso-level-number-position:right; 119 text-indent:-9.0pt;} 120 @list l1:level4 121 {mso-level-tab-stop:2.0in; 122 mso-level-number-position:left; 123 text-indent:-.25in;} 124 @list l1:level5 125 {mso-level-number-format:alpha-lower; 126 mso-level-tab-stop:2.5in; 127 mso-level-number-position:left; 128 text-indent:-.25in;} 129 @list l1:level6 130 {mso-level-number-format:roman-lower; 131 mso-level-tab-stop:3.0in; 132 mso-level-number-position:right; 133 text-indent:-9.0pt;} 134 @list l1:level7 135 {mso-level-tab-stop:3.5in; 136 mso-level-number-position:left; 137 text-indent:-.25in;} 138 @list l1:level8 139 {mso-level-number-format:alpha-lower; 140 mso-level-tab-stop:4.0in; 141 mso-level-number-position:left; 142 text-indent:-.25in;} 143 @list l1:level9 144 {mso-level-number-format:roman-lower; 145 mso-level-tab-stop:4.5in; 146 mso-level-number-position:right; 147 text-indent:-9.0pt;} 148 ol 149 {margin-bottom:0in;} 150 ul 151 {margin-bottom:0in;} 152 --> 153 </style> 154 155 </head> 156 157 <body lang=DE link=blue vlink=purple style='tab-interval:35.4pt'> 158 159 <h1>Dynamical Loading in dhtmlxTree v.1.x</h1> 160 161 <div class=Section1> 162 163 <p class=MsoNormal><span lang=EN-GB style='font-size:10.0pt;font-family:Arial; 164 mso-ansi-language:EN-GB'>Dynamical loading means loading data on request. You 165 can split your data into parts by levels and decrease loading time this way. 166 For example initial xml document will be as follows:<o:p></o:p></span></p> 167 168 <p class=MsoNormal><span lang=EN-GB style='font-size:10.0pt;font-family:Arial; 169 mso-ansi-language:EN-GB'> 170 <img width=562 height=161 src="imgs/image001.jpg"></span></p> 171 172 <p class=MsoNormal><span lang=EN-GB style='font-size:10.0pt;font-family:Arial; 173 mso-ansi-language:EN-GB'>Just add parameter child=”1” to all nodes which have 174 dependent elements (children) and child=”0” to all nodes without children.<o:p></o:p></span></p> 175 176 <p class=MsoNormal><span lang=EN-GB style='font-size:10.0pt;font-family:Arial; 177 mso-ansi-language:EN-GB'><o:p> </o:p></span></p> 178 179 <p class=MsoNormal><span class=GramE><span lang=EN-GB style='font-size:10.0pt; 180 font-family:Arial;mso-ansi-language:EN-GB'><?xml</span></span><span 181 lang=EN-GB style='font-size:10.0pt;font-family:Arial;mso-ansi-language:EN-GB'> 182 version="1.0" encoding="iso-8859-1" ?><o:p></o:p></span></p> 183 184 <p class=MsoNormal style='text-indent:35.4pt'><span lang=EN-GB 185 style='font-size:10.0pt;font-family:Arial;mso-ansi-language:EN-GB'><tree 186 id=”0”><o:p></o:p></span></p> 187 188 <p class=MsoNormal style='margin-left:35.4pt;text-indent:35.4pt'><span 189 lang=EN-GB style='font-size:10.0pt;font-family:Arial;mso-ansi-language:EN-GB'><<span 190 class=GramE>item<span style='mso-spacerun:yes'> </span>text</span>="Surveillance" 191 id="<span style='color:red'>a1</span>" im0="book.gif" … <span 192 style='color:red'>child=”1”</span>/><o:p></o:p></span></p> 193 194 <p class=MsoNormal style='margin-left:35.4pt;text-indent:35.4pt'><span 195 lang=EN-GB style='font-size:10.0pt;font-family:Arial;mso-ansi-language:EN-GB'><item 196 …/><o:p></o:p></span></p> 197 198 <p class=MsoNormal style='margin-left:35.4pt;text-indent:35.4pt'><span 199 lang=EN-GB style='font-size:10.0pt;font-family:Arial;mso-ansi-language:EN-GB'>…<o:p></o:p></span></p> 200 201 <p class=MsoNormal style='margin-left:35.4pt;text-indent:35.4pt'><span 202 lang=EN-GB style='font-size:10.0pt;font-family:Arial;mso-ansi-language:EN-GB'><item 203 …/><o:p></o:p></span></p> 204 205 <p class=MsoNormal style='margin-left:35.4pt;text-indent:35.4pt'><span 206 lang=EN-GB style='font-size:10.0pt;font-family:Arial;mso-ansi-language:EN-GB'><item 207 text=”Low income countries” id=”a333” im0=”book_titel.gif” …<span 208 style='color:red'> child=”0”</span>><o:p></o:p></span></p> 209 210 <p class=MsoNormal><span lang=EN-GB style='font-size:10.0pt;font-family:Arial; 211 mso-ansi-language:EN-GB'><span style='mso-tab-count:1'> </span></tree><span 212 style='mso-tab-count:1'> </span><o:p></o:p></span></p> 213 214 <p class=MsoNormal><span lang=EN-GB style='font-size:10.0pt;font-family:Arial; 215 mso-ansi-language:EN-GB'><o:p> </o:p></span></p> 216 217 <p class=MsoNormal><span lang=EN-GB style='font-size:10.0pt;font-family:Arial; 218 mso-ansi-language:EN-GB'><o:p> </o:p></span></p> 219 220 <p class=MsoNormal><span lang=EN-GB style='font-size:10.0pt;font-family:Arial; 221 mso-ansi-language:EN-GB'><o:p> </o:p></span></p> 222 223 <p class=MsoNormal><span lang=EN-GB style='font-size:10.0pt;font-family:Arial; 224 mso-ansi-language:EN-GB'>As dynamical loading needs to process incoming <span 225 class=GramE>url</span> parameters to work really useful, it would be good to 226 use some server side programming language like ASP, ColdFusion, JSP or any 227 other. This is necessary on next stage.<o:p></o:p></span></p> 228 229 <p class=MsoNormal><span lang=EN-GB style='font-size:10.0pt;font-family:Arial; 230 mso-ansi-language:EN-GB'><o:p> </o:p></span></p> 231 232 <p class=MsoNormal><span lang=EN-GB style='font-size:10.0pt;font-family:Arial; 233 mso-ansi-language:EN-GB'>If you use XML for building the tree, then you already 234 used the method<o:p></o:p></span></p> 235 236 <p class=MsoNormal><span class=GramE><span lang=EN-GB style='color:blue; 237 mso-ansi-language:EN-GB'>tree.setXMLAutoLoading(</span></span><span lang=EN-GB 238 style='color:blue;mso-ansi-language:EN-GB'>url)<o:p></o:p></span></p> 239 240 <p class=MsoNormal><span lang=EN-GB style='font-size:10.0pt;font-family:Arial; 241 mso-ansi-language:EN-GB'>When user trying to open node with child=”1” tree 242 looks for data on client side first – if no data found, then it goes to server 243 using URL specified in method mentioned above with id of node added to it, 244 like: <a href="http://127.0.0.1/myTree/tree.cfm?id=a1" 245 title="http://127.0.0.1/myTree/tree.cfm?id=a1"><span style='font-family:"Times New Roman"; 246 mso-bidi-font-family:Arial'>http://127.0.0.1/myTree/tree.cfm?id=a1</span></a>, 247 where “a1” is id of the node which should be opened. So, here you need a server 248 side language to process incoming id parameter and to put just required part of 249 XML into response (in our case the xml contains next level of a1 node):<o:p></o:p></span></p> 250 251 <p class=MsoNormal><span lang=EN-GB style='font-size:10.0pt;font-family:Arial; 252 mso-ansi-language:EN-GB'><o:p> </o:p></span></p> 253 254 <p class=MsoNormal><span lang=EN-GB style='font-size:10.0pt;font-family:Arial; 255 mso-ansi-language:EN-GB'><span style='mso-tab-count:1'> </span><span 256 class=GramE><?xml</span> version="1.0" 257 encoding="iso-8859-1" ?><o:p></o:p></span></p> 258 259 <p class=MsoNormal style='text-indent:35.4pt'><span lang=EN-GB 260 style='font-size:10.0pt;font-family:Arial;color:red;mso-ansi-language:EN-GB'><tree 261 id=”a1”><o:p></o:p></span></p> 262 263 <p class=MsoNormal style='margin-left:35.4pt;text-indent:35.4pt'><span 264 lang=EN-GB style='font-size:10.0pt;font-family:Arial;mso-ansi-language:EN-GB'><item 265 text="Bilateral surveillance" id="a2" 266 im0="book.gif" im1="books_open.gif" 267 im2="books_close.gif" <span style='color:red'>child=”1”</span>/><o:p></o:p></span></p> 268 269 <p class=MsoNormal style='margin-left:35.4pt;text-indent:35.4pt'><span 270 lang=EN-GB style='font-size:10.0pt;font-family:Arial;mso-ansi-language:EN-GB'><item 271 …/><o:p></o:p></span></p> 272 273 <p class=MsoNormal style='margin-left:35.4pt;text-indent:35.4pt'><span 274 lang=EN-GB style='font-size:10.0pt;font-family:Arial;mso-ansi-language:EN-GB'><o:p> </o:p></span></p> 275 276 <p class=MsoNormal><span lang=EN-GB style='font-size:10.0pt;font-family:Arial; 277 mso-ansi-language:EN-GB'><span style='mso-tab-count:1'> </span></tree><span 278 style='mso-tab-count:1'> </span><o:p></o:p></span></p> 279 280 <p class=MsoNormal><span lang=EN-GB style='font-size:10.0pt;font-family:Arial; 281 mso-ansi-language:EN-GB'><o:p> </o:p></span></p> 282 283 <p class=MsoNormal><span lang=EN-GB style='font-size:10.0pt;font-family:Arial; 284 mso-ansi-language:EN-GB'>The same should be repeated for each level and each 285 node that has children. If you xml contains data from Database, it would be 286 much better to generate xml on request directly from db – otherwise you’d 287 better use the following way to reduce the number of parts:<o:p></o:p></span></p> 288 289 <p class=MsoNormal><span lang=EN-GB style='font-size:10.0pt;font-family:Arial; 290 mso-ansi-language:EN-GB'><o:p> </o:p></span></p> 291 292 <p class=MsoNormal><span lang=EN-GB style='font-size:10.0pt;font-family:Arial; 293 mso-ansi-language:EN-GB'>You can split your xml document in any number of parts 294 (maximum – all levels, minimum - 1). For example you can load not only next 295 level of children for <i style='mso-bidi-font-style:normal'>a1</i>, but the 296 whole branch started from the level next to <i style='mso-bidi-font-style:normal'>a1. 297 </i>In this<i style='mso-bidi-font-style:normal'> </i>case initial loading of 298 the tree will be rather fast, as you load just one level, then if user opens 299 some node, the whole branch will be loaded (but not the whole tree), <span 300 class=GramE>so</span> in any way it is much faster than load the whole tree on 301 start.<o:p></o:p></span></p> 302 303 <p class=MsoNormal><span lang=EN-GB style='mso-ansi-language:EN-GB'><o:p> </o:p></span></p> 304 305 </div> 306 307 </body> 308 309 </html>
titre
Description
Corps
titre
Description
Corps
titre
Description
Corps
titre
Corps
| Généré le : Sun Feb 25 17:20:01 2007 | par Balluche grâce à PHPXref 0.7 |