Changeset 8926 for dijit/trunk/tests/form/test_FilteringSelect.html
- Timestamp:
- 06/05/07 09:23:47 (19 months ago)
- Files:
-
- 1 moved
-
dijit/trunk/tests/form/test_FilteringSelect.html (moved) (moved from dijit/trunk/tests/form/test_Select.html) (12 diffs)
Legend:
- Unmodified
- Added
- Removed
-
dijit/trunk/tests/form/test_FilteringSelect.html
r8775 r8926 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 2 2 "http://www.w3.org/TR/html4/strict.dtd"> 3 3 <html> 4 4 <head> 5 5 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 6 <title>Dojo Select Widget Test</title>6 <title>Dojo FilteringSelect Widget Test</title> 7 7 8 8 <script type="text/javascript" src="../testBidi.js"></script> … … 14 14 <script type="text/javascript" src="../../../dojo/dojo.js"></script> 15 15 <script type="text/javascript"> 16 dojo.require("dijit.form. Select");16 dojo.require("dijit.form.FilteringSelect"); 17 17 dojo.require("dijit.util.parser"); // scan page for widgets and instantiate them 18 18 </script> … … 33 33 return label; 34 34 } 35 myStore=new dojo.data.JsonItemStore({url:" autoCompleterData.json"});35 myStore=new dojo.data.JsonItemStore({url:"comboBoxData.json"}); 36 36 </script> 37 37 </head> 38 38 39 39 <body class="tundra"> 40 <h1>Dojo Select Widget Test</h1>41 <p> 42 The Select widget is an enhanced version of HTML's <select> tag.40 <h1>Dojo FilteringSelect Widget Test</h1> 41 <p> 42 The FilteringSelect widget is an enhanced version of HTML's <select> tag. 43 43 </p> 44 44 <p> … … 63 63 <form action="#" method="GET"> 64 64 65 <p> Select #1: inlined data, autocomplete=false:</p>65 <p>FilteringSelect #1: inlined data, autocomplete=false:</p> 66 66 <select searchAttr="name" 67 67 keyAttr="abbreviation" … … 69 69 searchLimit="Infinity" 70 70 name="state1" 71 dojoType="dijit.form. Select"71 dojoType="dijit.form.FilteringSelect" 72 72 style="width: 300px;" 73 73 autocomplete="false" … … 142 142 <hr> 143 143 144 <p> Select #2: url, autocomplete=true:</p>144 <p>FilteringSelect #2: url, autocomplete=true:</p> 145 145 <input searchAttr="name" 146 146 keyAttr="abbreviation" 147 147 id="setvaluetest" 148 dojoType="dijit.form. Select"148 dojoType="dijit.form.FilteringSelect" 149 149 value="IA" 150 url=" autoCompleterData.json"150 url="comboBoxData.json" 151 151 name="state2" 152 152 autocomplete="true" … … 161 161 <hr> 162 162 163 <p> Select #3: url, autocomplete=false:</p>163 <p>FilteringSelect #3: url, autocomplete=false:</p> 164 164 <input searchAttr="name" 165 165 keyAttr="abbreviation" 166 dojoType="dijit.form. Select"166 dojoType="dijit.form.FilteringSelect" 167 167 value="VI" 168 url=" autoCompleterData.json"168 url="comboBoxData.json" 169 169 name="state3" 170 170 autocomplete="false" … … 177 177 <div>Value: <input id="value3" disabled></div> 178 178 <hr> 179 <p> Select #4: declarative store, autocomplete=false:</p>179 <p>FilteringSelect #4: declarative store, autocomplete=false:</p> 180 180 <input searchAttr="name" 181 181 keyAttr="abbreviation" 182 dojoType="dijit.form. Select"182 dojoType="dijit.form.FilteringSelect" 183 183 value="AL" 184 184 name="state4" … … 191 191 <br> 192 192 <hr> 193 <p> Select #5: custom labelFunc (value in textbox should be lower case when onValueChanged is called), autocomplete=true:</p>193 <p>FilteringSelect #5: custom labelFunc (value in textbox should be lower case when onValueChanged is called), autocomplete=true:</p> 194 194 <input searchAttr="name" 195 195 keyAttr="abbreviation" 196 dojoType="dijit.form. Select"196 dojoType="dijit.form.FilteringSelect" 197 197 value="OR" 198 198 labelFunc="myLabelFunc" 199 url=" autoCompleterData.json"199 url="comboBoxData.json" 200 200 name="state5" 201 201 autocomplete="true" … … 207 207 <br> 208 208 <hr> 209 <p> Select #6: No promptMessage, labelType=text</p>210 <p> Select an item from the list. You shouldn't get an error.</p>209 <p>FilteringSelect #6: No promptMessage, labelType=text</p> 210 <p>FilteringSelect an item from the list. You shouldn't get an error.</p> 211 211 <input 212 dojoType="dijit.form. Select"212 dojoType="dijit.form.FilteringSelect" 213 213 store="myStore" 214 214 searchAttr="name" … … 220 220 <br> 221 221 <hr> 222 <p> Select #7: Input method editor Chinese characters</p>222 <p>FilteringSelect #7: Input method editor Chinese characters</p> 223 223 <p>Using an input method editor (see <a href="http://www.microsoft.com/windows/ie/ie6/downloads/recommended/ime/default.mspx">IME</a> for Windows) try typing 阿 (a) or 把 (ba).</p> 224 224 225 <select dojoType="dijit.form. Select"225 <select dojoType="dijit.form.FilteringSelect" 226 226 searchAttr="name" 227 227 keyAttr="abbreviation" … … 234 234 <br> 235 235 <hr> 236 <p> Select #8: Japanese</p>237 <p>Try typing æ±ã西ãåãå(north, south, east west) and a few choices will pop up.</p>236 <p>FilteringSelect #8: Japanese</p> 237 <p>Try typing 東、西、北、南 (north, south, east west) and a few choices will pop up.</p> 238 238 239 <select name="state 3" dojoType="dijit.form.Select" style="width: 300px;" autocomplete="false"239 <select name="state8" dojoType="dijit.form.FilteringSelect" style="width: 300px;" autocomplete="false" 240 240 onValueChanged="setValue('value8', arguments[0]);"> 241 <option value="nanboku"> åå</option>242 <option value="touzai"> æ±è¥¿</option>243 <option value="toukyou"> æ±äº¬</option>244 <option value="higashiguchi"> æ±å£</option>245 <option value="nishiguchi"> 西å£</option>246 <option value="minamiguchi"> åå£</option>247 <option value="kitaguchi"> åå£</option>248 <option value="higashiku"> æ±åº</option>249 <option value="nishiku"> 西åº</option>250 <option value="minamiku"> ååº</option>251 <option value="kitaku"> ååº</option>241 <option value="nanboku">南北</option> 242 <option value="touzai">東西</option> 243 <option value="toukyou">東京</option> 244 <option value="higashiguchi">東口</option> 245 <option value="nishiguchi">西口</option> 246 <option value="minamiguchi">南口</option> 247 <option value="kitaguchi">北口</option> 248 <option value="higashiku">東区</option> 249 <option value="nishiku">西区</option> 250 <option value="minamiku">南区</option> 251 <option value="kitaku">北区</option> 252 252 </select> 253 253 <br>