📄 form, validation, specialized input the dojo toolkit.mht
字号:
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/advanced-e=
diting-and-display">Advanced=20
Editing and Display</A>=20
<LI class=3Dcollapsed id=3Dmenu-item-314><A=20
=
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/themes-and=
-design">Themes=20
and Design</A>=20
<LI class=3Dcollapsed id=3Dmenu-item-315><A=20
=
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/a11y">Acce=
ssibility=20
</A></LI></UL>
<LI class=3Dcollapsed id=3Dmenu-item-299><A=20
=
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo-0">Part=20
3: JavaScript With Dojo and Dijit</A>=20
<LI class=3Dcollapsed id=3Dmenu-item-300><A=20
=
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-4-meta-dojo-0">Par=
t 4:=20
Testing, Tuning and Debugging</A>=20
<LI class=3Dcollapsed id=3Dmenu-item-301><A=20
=
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-5-dojox-extensions=
-dojo-0">Part=20
5: DojoX</A> </LI></UL>
<LI class=3Dcollapsed id=3Dmenu-item-54><A title=3D"The Dojo Book, =
0.4"=20
href=3D"http://dojotoolkit.org/book/dojo-book-0-4">The Dojo Book, =
0.4</A>=20
</LI></UL></DIV></DIV></DIV></DIV>
<DIV class=3D"col-b content-region-container">
<DIV id=3Dmain-container><!-- main_content region -->
<H2>Form, Validation, Specialized Input</H2><!--Node: -->
<DIV class=3Dnode>
<DIV class=3Dsubmitted>Submitted by criecke on Sun, 04/08/2007 - =
00:07.</DIV>
<DIV class=3Dcontent>
<P>The following widgets can be used in a FORM tag, in a <A=20
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/form-valid=
ation-specialized-input/form-widget">dijit.form.Form</A>=20
widget, or outside of a form.</P>
<P>All form widgets implement the following attributes and methods. Many =
of them=20
act as "shadow" attributes for their HTML counterparts, as in "name" or=20
"id".</P>
<TABLE>
<TBODY>
<TR class=3Deven>
<TD class=3DbookMasthead colSpan=3D3>
<DIV>dijit.form._FormWidget</DIV>
<DIV>Base class for all form widgets - that is, all widgets =
beginning with=20
"dijit.form" </DIV></TD></TR>
<TR class=3Dodd>
<TD class=3DbookMasthead colSpan=3D3>
<DIV>Attributes</DIV></TD></TR>
<TR class=3Dodd>
<TD class=3DbookAttributeName>disabled</TD>
<TD class=3DbookAttributeDatatype>Boolean</TD>
<TD class=3DbookAttributeDescription>Should this widget respond to =
user=20
input? In markup, this is specified as "disabled=3D'disabled'", or =
just=20
"disabled". <I>Use setDisabled() to change after creation =
time.</I></TD></TR>
<TR class=3Deven>
<TD class=3DbookAttributeName>intermediateChanges</TD>
<TD class=3DbookAttributeDatatype>Boolean</TD>
<TD class=3DbookAttributeDescription>If true, trigger an onChange =
event=20
every time setValue is called. If false, trigger onChange only =
when asked=20
by the callee. For example, on Slider a true value would fire =
onChange=20
events at each point of the mouse drag. False would trigger =
onChange only=20
on mouseUp.</TD></TR>
<TR class=3Dodd>
<TD class=3DbookAttributeName>tabIndex</TD>
<TD class=3DbookAttributeDatatype>Integer</TD>
<TD class=3DbookAttributeDescription>Order fields are traversed when =
user=20
hits the tab key</TD></TR>
<TR class=3Dodd>
<TD class=3DbookMasthead colSpan=3D3>
<DIV>Methods</DIV></TD></TR>
<TR class=3Deven>
<TD class=3DbookMethodSignature>focus</TD>
<TD class=3DbookMethodDescription colSpan=3D2>Set the focus on this=20
widget</TD></TR>
<TR class=3Dodd>
<TD class=3DbookMethodSignature>getValue</TD>
<TD class=3DbookMethodDescription colSpan=3D2>get the value of the=20
widget.</TD></TR>
<TR class=3Deven>
<TD class=3DbookMethodSignature>setDisabled</TD>
<TD class=3DbookMethodDescription colSpan=3D2>Set disabled state of=20
widget.</TD></TR>
<TR class=3Dodd>
<TD class=3DbookMethodSignature>setValue</TD>
<TD class=3DbookMethodDescription colSpan=3D2>set the value of the=20
widget.</TD></TR>
<TR class=3Deven>
<TD class=3DbookMethodSignature>undo</TD>
<TD class=3DbookMethodDescription colSpan=3D2>restore the value to =
the last=20
value passed to onChange</TD></TR>
<TR class=3Dodd>
<TD class=3DbookMasthead colSpan=3D3>
<DIV>Extension Points</DIV></TD></TR>
<TR class=3Deven>
<TD class=3DbookExtensionPointSignature>onChange</TD>
<TD class=3DbookExtensionPointDescription colSpan=3D2>callback when =
value is=20
changed</TD></TR></TBODY></TABLE><BR>
<TABLE>
<TBODY>
<TR class=3Deven>
<TD class=3Ddescription width=3D200><A=20
=
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/form-valid=
ation-specialized-input/checkbox-radiobutton"><B>CheckBox,=20
RadioButton</B></A></TD>
<TD class=3Dget align=3Dright><A title=3D"View: checkbox.png"=20
href=3D"http://www.dojotoolkit.org/files/checkbox_0.png"><IMG =
class=3Dinline=20
title=3Dcheckbox.png alt=3Dcheckbox.png=20
=
src=3D"http://www.dojotoolkit.org/files/checkbox_0.png"></A></TD></TR>
<TR class=3Dodd>
<TD class=3Ddescription width=3D200><A=20
=
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/form-valid=
ation-specialized-input/auto-completer"><B>ComboBox</B></A></TD>
<TD class=3Dget align=3Dright><A title=3D"View: combo_box.png"=20
href=3D"http://www.dojotoolkit.org/files/combo_box_1.png"><IMG =
class=3Dinline=20
title=3Dcombo_box.png alt=3Dcombo_box.png=20
=
src=3D"http://www.dojotoolkit.org/files/combo_box_1.png"></A></TD></TR>
<TR class=3Deven>
<TD class=3Ddescription width=3D200><A=20
=
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/form-valid=
ation-specialized-input/textbox-validating-currency-number"><B>CurrencyTe=
xtBox</B></A></TD>
<TD class=3Dget align=3Dright><A title=3D"View: =
currency_textbox.png"=20
=
href=3D"http://www.dojotoolkit.org/files/currency_textbox_1.png"><IMG=20
class=3Dinline title=3Dcurrency_textbox.png =
alt=3Dcurrency_textbox.png=20
=
src=3D"http://www.dojotoolkit.org/files/currency_textbox_1.png"></A></TD>=
</TR>
<TR class=3Dodd>
<TD class=3Ddescription width=3D200><A=20
=
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/form-valid=
ation-specialized-input/textbox-validating-currency-number"><B>DateTextBo=
x</B></A></TD>
<TD class=3Dget align=3Dright><A title=3D"View: date_textbox.png"=20
href=3D"http://www.dojotoolkit.org/files/date_textbox_1.png"><IMG=20
class=3Dinline title=3Ddate_textbox.png alt=3Ddate_textbox.png=20
=
src=3D"http://www.dojotoolkit.org/files/date_textbox_1.png"></A></TD></TR=
>
<TR class=3Deven>
<TD class=3Ddescription width=3D200><A=20
=
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/form-valid=
ation-specialized-input/select"><B>FilteringSelect</B></A></TD>
<TD class=3Dget align=3Dright><A title=3D"View: =
filtering_select.png"=20
=
href=3D"http://www.dojotoolkit.org/files/filtering_select_2.png"><IMG=20
class=3Dinline title=3Dfiltering_select.png =
alt=3Dfiltering_select.png=20
=
src=3D"http://www.dojotoolkit.org/files/filtering_select_2.png"></A></TD>=
</TR>
<TR class=3Dodd>
<TD class=3Ddescription><A=20
=
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/form-valid=
ation-specialized-input/inline-edit-box"><B>InlineEditBox=20
(0.9)</B></A> For 1.0, see <A=20
=
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/advanced-e=
diting-and-display/inlineeditbox">dijit.InlineEditBox</A>=20
</TD>
<TD class=3Dget align=3Dright><A title=3D"View: inline_edit.png"=20
href=3D"http://www.dojotoolkit.org/files/inline_edit_1.png"><IMG=20
class=3Dinline title=3Dinline_edit.png alt=3Dinline_edit.png=20
=
src=3D"http://www.dojotoolkit.org/files/inline_edit_1.png"></A></TD></TR>=
<TR class=3Deven>
<TD class=3Ddescription width=3D200><A=20
=
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/form-valid=
ation-specialized-input/number-spinner"><B>NumberSpinner</B></A></TD>
<TD class=3Dget align=3Dright><A title=3D"View: number_spinner.png"=20
=
href=3D"http://www.dojotoolkit.org/files/number_spinner_1.png"><IMG=20
class=3Dinline title=3Dnumber_spinner.png alt=3Dnumber_spinner.png =
=
src=3D"http://www.dojotoolkit.org/files/number_spinner_1.png"></A></TD></=
TR>
<TR class=3Dodd>
<TD class=3Ddescription width=3D200><A=20
=
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/form-valid=
ation-specialized-input/textbox-validating-currency-number"><B>NumberText=
Box</B></A></TD>
<TD class=3Dget align=3Dright><A title=3D"View: number_textbox.png"=20
=
href=3D"http://www.dojotoolkit.org/files/number_textbox_1.png"><IMG=20
class=3Dinline title=3Dnumber_textbox.png alt=3Dnumber_textbox.png =
=
src=3D"http://www.dojotoolkit.org/files/number_textbox_1.png"></A></TD></=
TR>
<TR class=3Deven>
<TD class=3Ddescription width=3D200><A=20
=
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/form-valid=
ation-specialized-input/slider"><B>Slider</B></A></TD>
<TD class=3Dget align=3Dright><A title=3D"View: slider.png"=20
href=3D"http://www.dojotoolkit.org/files/slider_1.png"><IMG =
class=3Dinline=20
title=3Dslider.png alt=3Dslider.png=20
=
src=3D"http://www.dojotoolkit.org/files/slider_1.png"></A></TD></TR>
<TR class=3Dodd>
<TD class=3Ddescription><A=20
=
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/form-valid=
ation-specialized-input/resizeable-text-area"><B>Textarea</B></A>=20
Textarea expands to fit content</TD>
<TD class=3Dget align=3Dright><A title=3D"View: textarea.png"=20
href=3D"http://www.dojotoolkit.org/files/textarea_1.png"><IMG =
class=3Dinline=20
title=3Dtextarea.png alt=3Dtextarea.png=20
=
src=3D"http://www.dojotoolkit.org/files/textarea_1.png"></A></TD></TR>
<TR class=3Deven>
<TD class=3Ddescription width=3D200><A=20
=
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/form-valid=
ation-specialized-input/textbox-validating-currency-number"><B>TextBox</B=
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -