⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 manipulating widgets through code the dojo toolkit.mht

📁 dojo学习资料,从初级开始学起,是初学都认识dojo的好帮手.
💻 MHT
📖 第 1 页 / 共 5 页
字号:
🔍
12345 
From: <由 Windows Internet Explorer 7 保存>
Subject: Manipulating Widgets Through Code | The Dojo Toolkit
Date: Sun, 2 Dec 2007 16:33:26 +0800
MIME-Version: 1.0
Content-Type: multipart/related;
	type="text/html";
	boundary="----=_NextPart_000_0243_01C83501.1081A370"
X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2900.3198

This is a multi-part message in MIME format.

------=_NextPart_000_0243_01C83501.1081A370
Content-Type: text/html;
	charset="utf-8"
Content-Transfer-Encoding: quoted-printable
Content-Location: http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dijit-and-dojo/manipulating-widgets-through-code

=EF=BB=BF<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" =
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML lang=3Den xml:lang=3D"en" =
xmlns=3D"http://www.w3.org/1999/xhtml"><HEAD><TITLE>Manipulating Widgets =
Through Code | The Dojo Toolkit</TITLE><!--=0A=
	section: docs -->
<META http-equiv=3DContent-Type content=3D"text/html; =
charset=3Dutf-8"><LINK=20
href=3D"/book/dojo-book-0-9/part-3-programmatic-dijit-and-dojo/modules-an=
d-namespaces/module-and-package-help"=20
rel=3Dprev><LINK =
href=3D"/book/dojo-book-0-9/part-3-programmatic-dijit-and-dojo-0"=20
rel=3Dup><LINK=20
href=3D"/book/dojo-book-0-9/part-3-programmatic-dijit-and-dojo/manipulati=
ng-widgets-through-code/displaying-w"=20
rel=3Dnext><LINK href=3D"/sites/all/themes/dtk/favicon.ico" =
type=3Dimage/x-icon=20
rel=3D"shortcut icon">
<META content=3Den name=3Dlanguage>
<STYLE type=3Dtext/css media=3Dall>@import url( =
/files/css/4538c7b86f5ddf0e20fe837f59d90fef.css );
</STYLE>

<SCRIPT src=3D"http://dojotoolkit.org/dojo/config/6"=20
type=3Dtext/javascript></SCRIPT>

<SCRIPT=20
src=3D"http://dojotoolkit.org/sites/all/modules/dojo/dtk_build/dojo/dojo.=
js"=20
type=3Dtext/javascript></SCRIPT>

<SCRIPT =
type=3Dtext/javascript>dojo.addOnLoad(function(){dojo.addClass(dojo.body(=
),"tundra");});</SCRIPT>

<SCRIPT type=3Dtext/javascript>dojo.require("dojo.parser");</SCRIPT>

<SCRIPT =
type=3Dtext/javascript>document.documentElement.className=3D"js";</SCRIPT=
>

<SCRIPT src=3D"http://dojotoolkit.org/sites/all/themes/dtk/js/common.js" =

type=3Dtext/javascript></SCRIPT>

<SCRIPT type=3Dtext/javascript>
	dojo.require("dijit._base.sniff");
	</SCRIPT>

<META content=3D"MSHTML 6.00.6000.16544" name=3DGENERATOR></HEAD>
<BODY class=3D"" id=3Dbdy>
<DIV id=3Dpage-block><!-- region_user_header.php -->
<DIV id=3Dlogin-block><SPAN id=3Duser-header>&nbsp;</SPAN> <SPAN =
id=3Dlogin-prompt><A=20
href=3D"http://dojotoolkit.org/user">Login</A></SPAN> <SPAN =
id=3Dregister-prompt><A=20
href=3D"http://dojotoolkit.org/user/register">Register</A></SPAN> =
</DIV><!-- /region_user_header.php -->
<DIV id=3Dbody-block><!-- region_header.php -->
<DIV id=3Dlogo-block>
<DIV id=3Ddojo-logo><A title=3DHome =
href=3D"http://dojotoolkit.org/"><IMG=20
id=3Ddojo-logo-img alt=3D"The Dojo Toolkit"=20
src=3D"http://dojotoolkit.org/sites/all/themes/dtk/img/banner-logo-text.g=
if"></A>=20
</DIV>
<DIV id=3Dsearch-block>
<FORM id=3Dsearch-theme-form action=3D/search/node method=3Dpost>
<DIV>
<H6 class=3Dhidden><LABEL =
for=3Dsearch_theme_form_keys>Search</LABEL></H6>
<DIV class=3Dcontainer-inline id=3Dsearch>
<DIV class=3Dform-item><INPUT class=3Dform-text =
id=3Dedit-search-theme-form-keys=20
title=3D"Enter the terms you wish to search for." maxLength=3D128 =
size=3D25=20
name=3Dsearch_theme_form_keys><BUTTON class=3Dform-submit =
id=3Dedit-submit-1 name=3Dop=20
type=3Dsubmit><SPAN class=3Dhidden>Search</SPAN></BUTTON> <INPUT=20
id=3Dedit-search-theme-form type=3Dhidden value=3Dsearch_theme_form =
name=3Dform_id>=20
<INPUT id=3Da-unique-id type=3Dhidden =
value=3Df294fc029c5c18cf4561f5162d590cec=20
name=3Dform_token> </DIV></DIV></DIV></FORM></DIV></DIV><!-- =
/region_header.php -->
<DIV id=3Dglobal-menu-block>
<UL id=3Dglobal-menu>
  <LI id=3Dnav-about><A class=3Dplink =
href=3D"http://dojotoolkit.org/about">About</A>=20
  <LI id=3Dnav-demos><A class=3Dplink =
href=3D"http://dojotoolkit.org/demos">Demos</A>=20
  <LI id=3Dnav-downloads><A class=3Dplink=20
  href=3D"http://dojotoolkit.org/downloads">Downloads</A>=20
  <LI id=3Dnav-documentation><A class=3Dplink=20
  href=3D"http://dojotoolkit.org/docs">Documentation</A>=20
  <LI id=3Dnav-support><A class=3Dplink=20
  href=3D"http://dojotoolkit.org/support">Support</A>=20
  <LI id=3Dnav-community><A class=3Dplink=20
  href=3D"http://dojotoolkit.org/community">Community</A>=20
  <LI id=3Dnav-fullmenu><A onclick=3D"return false;"=20
  =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/manipulating-widgets-through-code#fullmenu">Full=20
  Menu</A> </LI></UL></DIV><!-- region_banner.php -->
<DIV class=3Dbanner-docs id=3Dbanner-block>
<DIV id=3Dsection-heading>
<P>Documentation</P></DIV>
<DIV id=3Dsection-subheading>
<P>learn about the dojo toolkit</P></DIV></DIV><!-- /region_banner.php =
-->
<DIV id=3Dtop-breadcrumb-block>
<DIV class=3Dbreadcrumb><A href=3D"http://dojotoolkit.org/">Home</A> =
=C2=BB <A=20
href=3D"http://dojotoolkit.org/book/dojo-book-0-9-0">The Book of =
Dojo</A> =C2=BB <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> =C2=BB Manipulating Widgets =
Through=20
Code</DIV></DIV>
<DIV id=3Dcontent-block>
<DIV class=3Dcols-narrow-wide>
<DIV class=3D"col-a content-region-container" =
id=3Dsidebar-left-container>
<DIV class=3Dcontent-block><!-- Block: menu -->
<DIV class=3D"block block-menu" id=3Dblock-menu-572>
<H2 class=3Dtitle>The Book of Dojo</H2>
<DIV class=3Dcontent>
<UL class=3Dmenu>
  <LI class=3Dexpanded id=3Dmenu-item-296><A=20
  href=3D"http://dojotoolkit.org/book/dojo-book-0-9-0">The Book of =
Dojo</A>=20
  <UL class=3Dmenu>
    <LI class=3Dleaf id=3Dmenu-item-312><A=20
    =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-1-life-dojo/quick-=
installation">Quick=20
    Installation</A>=20
    <LI class=3Dleaf id=3Dmenu-item-652><A=20
    =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/hello-world-tutorial">H=
ello=20
    World</A>=20
    <LI class=3Dleaf id=3Dmenu-item-651><A=20
    =
href=3D"http://dojotoolkit.org/book/book-dojo/part-4-meta-dojo-making-you=
r-dojo-code-run-faster-and-better/debugging-facilities/deb">Debugging=20
    Tutorial</A>=20
    <LI class=3Dcollapsed id=3Dmenu-item-297><A=20
    =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/introduction">Introduct=
ion</A>=20

    <LI class=3Dcollapsed id=3Dmenu-item-324><A=20
    =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-1-life-dojo-0">Par=
t 1:=20
    Life With Dojo</A>=20
    <LI class=3Dcollapsed id=3Dmenu-item-298><A=20
    =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit-0">Part =
2:=20
    Dijit</A>=20
    <LI class=3Dexpanded 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
    <UL class=3Dmenu>
      <LI class=3Dcollapsed id=3Dmenu-item-335><A=20
      =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/functions-used-everywhere">Functions=20
      Used Everywhere</A>=20
      <LI class=3Dcollapsed id=3Dmenu-item-343><A=20
      =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/object-orientation">Object=20
      Orientation</A>=20
      <LI class=3Dcollapsed id=3Dmenu-item-491><A=20
      =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/modules-and-namespaces">Modules</A>=20

      <LI class=3Dexpanded id=3Dmenu-item-354><A class=3Dactive=20
      =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/manipulating-widgets-through-code">Manipulating=20
      Widgets Through Code</A>=20
      <UL class=3Dmenu>
        <LI class=3Dleaf id=3Dmenu-item-355><A=20
        =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/manipulating-widgets-through-code/displaying-w">Creating=20
        a Widget Programmatically</A>=20
        <LI class=3Dleaf id=3Dmenu-item-363><A=20
        =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/manipulating-widgets-through-code/interacting-">Interacting=20
        With Widgets</A> </LI></UL>
      <LI class=3Dcollapsed id=3Dmenu-item-364><A=20
      =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/manipulating-widgets-through-code/writing-your">Writing=20
      Your Own Widget Class</A>=20
      <LI class=3Dcollapsed id=3Dmenu-item-351><A=20
      =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/event-system">The=20
      Event System</A>=20
      <LI class=3Dcollapsed id=3Dmenu-item-311><A=20
      =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/ajax-transports">XMLHttpRequest=20
      (XHR)</A>=20
      <LI class=3Dcollapsed id=3Dmenu-item-356><A=20
      =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/drag-and-drop">Drag=20
      and Drop</A>=20
      <LI class=3Dcollapsed id=3Dmenu-item-357><A=20
      =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/data-retrieval-dojo-data-0">Using=20
      dojo.data</A>=20
      <LI class=3Dcollapsed id=3Dmenu-item-360><A=20
      =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/selecting-dom-nodes-dojo-query">Selecting=20
      DOM Nodes with dojo.query</A>=20
      <LI class=3Dcollapsed id=3Dmenu-item-361><A=20
      =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/i18n">i18n</A>=20

      <LI class=3Dcollapsed id=3Dmenu-item-359><A=20
      =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/back-button-undo">Back=20
      Button</A>=20
      <LI class=3Dcollapsed id=3Dmenu-item-362><A=20
      =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/other-miscellaneous-function">Other=20
      Functions</A> </LI></UL>
    <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>Manipulating Widgets Through Code</H2><!--Node: -->
<DIV class=3Dnode>
<DIV class=3Dsubmitted>Submitted by OpenBip on Tue, 06/05/2007 - =
17:56.</DIV>
<DIV class=3Dcontent>
<P><A =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit-0">Part =
2:=20
Dijit</A> discussed how to work with widgets <I>declaratively</I>, using =
the=20
"dojoType" attribute in HTML tags. This section explains how to create =
and=20
interact with dojo widgets <I>programmatically</I>, via JavaScript.</P>
<P>This discussion spans the following topics:</P>
<DL>
  <DT>Creating a Widget Programmatically=20
  <DD>How to create dojo widgets from JavaScript, and swap/insert them =
into a=20
  page's DOM existing structure=20
  <DT>Interacting With Widgets=20
  <DD>How to change properties/behavior of a dojo widget throughout the=20
  lifecycle of a page=20
  <DT>Writing Your Own Widget=20
  <DD>How to write and instantiate your own widgets </DD></DL>
<DIV class=3Dbook-navigation>
<UL class=3Dmenu>
  <LI class=3Dleaf><A=20
  =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/manipulating-widgets-through-code/displaying-w">Creating=20
  a Widget Programmatically</A>
  <LI class=3Dleaf><A=20
  =
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/manipulating-widgets-through-code/interacting-">Interacting=20
  With Widgets</A></LI></UL>
<DIV class=3D"page-links clear-block"><A class=3Dpage-previous=20
title=3D"Go to previous page"=20
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/modules-and-namespaces/module-and-package-help">=E2=80=B9=20
Module Helpers</A><A class=3Dpage-up title=3D"Go to parent page"=20
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo-0">up</A><A=20
class=3Dpage-next title=3D"Go to next page"=20
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/manipulating-widgets-through-code/displaying-w">Creating=20
a Widget Programmatically =E2=80=BA</A></DIV></DIV></DIV>
<DIV class=3Dlinks>
<UL class=3D"links inline">
  <LI class=3D"first book_printer"><A class=3Dbook_printer=20
  title=3D"Show a printer-friendly version of this book page and its =
sub-pages."=20
  href=3D"http://dojotoolkit.org/book/export/html/1562">Printer-friendly =

  version</A>=20
  <LI class=3Dcomment_forbidden><SPAN class=3Dcomment_forbidden><A=20
  =
href=3D"http://dojotoolkit.org/user/login?destination=3Dnode/1562%2523com=
ment-form">Login</A>=20
  or <A=20
  =
href=3D"http://dojotoolkit.org/user/register?destination=3Dnode/1562%2523=
comment-form">register</A>=20
  to post comments</SPAN>=20
  <LI class=3D"last subscriptions_add_node"><A =
class=3Dsubscriptions_add_node=20
  title=3D"Receive an e-mail whenever a comment is posted to this Book =
page."=20
  href=3D"http://dojotoolkit.org/subscriptions/add/node/1562">Subscribe =
post</A>=20
  </LI></UL></DIV></DIV>
<DIV id=3Dcomments><A id=3Dcomment-7160></A>
<DIV class=3Dcomment>
<H3 class=3Dtitle><A class=3Dactive=20
href=3D"http://dojotoolkit.org/book/dojo-book-0-9/part-3-programmatic-dij=
it-and-dojo/manipulating-widgets-through-code#comment-7160">Examples=20
Needed</A></H3>
<DIV class=3Dsubmitted>Submitted by NakamuraM on Thu, 10/11/2007 - =
19:42.</DIV>
<DIV class=3Dcontent>
<P>We need examples that show us how to use the data-enabled controls=20
programatically. We also need info on the properties and methods we can =
use for=20
each control.</P></DIV>
<DIV class=3Dlinks>
<UL class=3Dlinks>
  <LI class=3D"first last comment_forbidden"><SPAN =
class=3Dcomment_forbidden><A=20
  =
href=3D"http://dojotoolkit.org/user/login?destination=3Dnode/1562%2523com=
ment-form">Login</A>=20
  or <A=20
  =
href=3D"http://dojotoolkit.org/user/register?destination=3Dnode/1562%2523=
comment-form">register</A>=20
  to post comments</SPAN> </LI></UL></DIV></DIV>
12345

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -