I choose , I like…………
要走好明天的路,必须记住昨天走过的路,思索今天正在走着的路。
posts - 68,comments - 163,trackbacks - 20

        widget在越来越多的web应用中出现,那么,什么是widget?widget使用什么样的标记方式进行声明的呢?widget可以动态创建吗?widget有哪些常用的方法和属性呢?……这一系列的问题不由自主的浮现在脑海,下面,让我们来共同学习一下吧。

学习一:widget的含义
        widget的英文含义是装饰物或者小器具,有些技术文档将其译为小部件,在这里直接使用其英文名,以免引起不必要的混淆。Dojo提供widget框架的原因来自两方面:一是为了更好的用户体验;二是为了帮助开发人员快速开发Web应用。


学习二:widget的声明
        Dojo widget提供了大量可以直接使用的UI控件,它还支持标记方式的声明。其中,dojoType是声明Dojo widget的关键属性,它指明了widget的类型。如:

<button id="button" dojoType="Button">Create</button>.

 

 


学习三:在Dojo中动态创建widget
        Dojo 支持动态创建widget,例如下面的代码动态创建一个Button widget,并将其添加到页面中:
         Create Button Widget
         w=dojo.widget.createWidget("Button",{caption:"Create"});
         dojo.body().appendChild(w.domNode);

 

 

学习四:widget编程中常用的方法和属性
        在Dojo中可以通过编程的方式改变widget的特性,下面是widget编程中常用的方法和属性。

  • dojo.widget.byId(id):根据ID获取widget对象
  • dojo.widget.createWidget:动态创建widget对象
  • widgetObject.domNode:widget对象对应的DOM节点
  • widgetObject.containerNode:widget对象所在容器对应的DOM节点
  • widgetObject.show()/hide():显示/隐藏widget
  • widgetObject.toggle():切换widget的显示/隐藏状态
  • widgetObject.isShowing():widget是否可见

 

学习五:Dojo widget的类型

        目前Dojo提供了丰富的widget库,可以满足绝大多数web应用开发的需求。Dojo widget按照用途分为3大类:

  •         用于页面布局的Layout Widget
  •         用于表单增强的Form Widget
  •        实现通用功能的General Widget

 

总结:
        Dojo widget框架具有良好的可扩展性,开发人员基于它可以开发自定义的widget,实现代码复用。

posted on 2008-09-06 15:29 飞翔的Angela 阅读(...) 评论(...) 编辑 收藏