From e44a7e37b6c7b5961adaffc62b9042b8d442938e Mon Sep 17 00:00:00 2001 From: mensonge Date: Thu, 13 Nov 2008 09:49:11 +0000 Subject: New feature: basic Ajax suggestion for tags and implementation of Dojo toolkit git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@151 b3834d28-1941-0410-a4f8-b48e95affb8f --- .../js/dijit/tests/form/test_FilteringSelect.html | 296 +++++++++++++++++++++ 1 file changed, 296 insertions(+) create mode 100644 includes/js/dijit/tests/form/test_FilteringSelect.html (limited to 'includes/js/dijit/tests/form/test_FilteringSelect.html') diff --git a/includes/js/dijit/tests/form/test_FilteringSelect.html b/includes/js/dijit/tests/form/test_FilteringSelect.html new file mode 100644 index 0000000..d40af13 --- /dev/null +++ b/includes/js/dijit/tests/form/test_FilteringSelect.html @@ -0,0 +1,296 @@ + + + + Dojo FilteringSelect Widget Test + + + + + + + + + + +

Dojo FilteringSelect Widget Test

The FilteringSelect widget is an enhanced version of HTML's <select> tag.

Similar features:

There is a drop down list of possible values.
You can only enter a value from the drop down list. (You can't enter an arbitrary value.)
The value submitted with the form is the hidden value (ex: CA),
not the displayed value a.k.a. label (ex: California)

+ + +

Enhancements over plain HTML version:

If you type in some text then it will filter down the list of possible values in the drop down list.
List can be specified either as a static list or via a javascript function (that can get the list from a server)

+ +

FilteringSelect #1: inlined data, autoComplete=false:

+ state list 1: + + onChange: + + +

+ +

FilteringSelect #2: url, autoComplete=true:

+ state list 2: + + Value: + +

FilteringSelect #3: url, autoComplete=false:

+ state list 3: + + Value: +

FilteringSelect #5: custom labelFunc (value in textbox should be lower case when onChange is called), autoComplete=true:

+ state list 5: + +
+

+ +

FilteringSelect #7: Input method editor Chinese characters

Using an input method editor (see IME for Windows) try typing 阿 (a) or 把 (ba).

+ Chinese list: + +
+

FilteringSelect #8: Japanese

Try typing 東、西、北、南 (north, south, east west) and a few choices will pop up.

+ Japanese list: + + Value: +

FilteringSelect #9: No data

This FilteringSelect has no options to choose from. It should still load.

+ empty list: + +
+

FilteringSelect #10: hasDownArrow=false:

+ no arrow list: + +
+

FilteringSelect #11: deep data, initial query of type=country:

+ query list: + +
+

FilteringSelect #12: special characters

The drop down list should be:

sticks & stones +
rags --> riches +
more\less +
3 * 5 +

+ Special chars: + +
+

+ + +

+ this is some text below the combo boxes. It shouldn't get pushed out of + the way when search results get returned. also: adding a simple combo + box to test IE bleed through problem: +

+ + + + + + + -- cgit v1.2.3