`
Azure_fly
  • 浏览: 1187 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

dijit.form.ComboBox部件扩展

阅读更多



 各位好!
    本人想对dijit.form.ComboBox部件进行扩展,第一个ComboBox是省,当选择对应省时,该省有市则自动创建
下一个ComboBox,数据就是该省对应的市。当选择对应市时,该市有县则自动创建
下一个ComboBox,数据就是该市对应的县,类似Tree......

JSON数据如下:
{
identifier: 'id',
label: 'name',
items: [
        { id: 'GuangDongSheng', name:'广东省', type:'province',
        children:[{ id: 'ShenZhenShi', name:'深圳市', type:'city' ,province:'广东省'},
        { id: 'HuiZhouShi', name:'惠州市', type:'city' ,province:'广东省'},
        { id: 'ShanWeiShi', name:'汕尾市', type:'city' ,province:'广东省'}]
        },
        { id: 'YunNanSheng', name:'云南省', type:'province',
        children:[{ id: 'LiJiangShi', name:'丽江市', type:'city',province:'云南省'},
        { id: 'DaLiShi', name:'大理市', type:'city',province:'云南省'},
        { id: 'XiangGeLiRaShi', name:'香格理拉市', type:'city',province:'云南省'}]}

]}

效果如下:

 

 

请各位指点!

 

分享到:
评论

相关推荐

    dojo 树形列表 dijit.tree

    在实际开发中,这些例子可以帮助理解dijit.tree的使用方法,并根据需求进行扩展。例如,可以通过自定义模板来改变节点的显示方式,使用`dojo/on`模块监听节点点击事件,或者使用Dojo的`dojo/aspect`模块来增强功能。...

    多文件上传 dojo组件 dojox.form.FileUploader

    7. **上传进度显示**:组件通常可以与Dojo的其他部件结合,如dijit.ProgressBar,来展示文件上传的进度。 8. **事件监听**:FileUploader组件提供了一系列的事件,如onComplete、onError等,开发者可以监听这些事件...

    domino xpags开发combobox可手动输入

    这行代码会引入dijit.form.ComboBox模块,使得XPage能够识别并使用ComboBox控件。 接下来,我们创建ComboBox控件本身。在页面中添加以下XML代码: ```xml <xp:comboBox id="comboBox1" value="#{sessionScope....

    Dojo_digitDemo1

    如何使用dojo的digit组件, dojo.require("dijit.layout.ContentPane"); dojo.require("dijit.layout.TabContainer");... dojo.require("dijit.form.ValidationTextBox"); dojo.require("dijit.form.DateTextBox");

    dojo生命周期

    `dijit.registry`是一个`dijit.WidgetSet`实例,提供了一系列方法,如`add()`、`remove()`、`byId()`等,用于查询、操作组件。`WidgetSet`还支持类似数组的方法,如`forEach()`、`filter()`等。 实例化dijit组件有...

    dojo+servlet 完成登录功能

    <form dojoType="dijit.form.Form" id="loginForm"> <input dojoType="dijit.form.TextBox" type="text" name="username" placeholder="用户名" required="true"/> <input dojoType="dijit.form.PasswordTextBox" ...

    dojo精品中文教程(包一)

    Dojo学习笔记--dijit.TitlePane Dojo学习笔记--dijit.Tooltip Dojo学习笔记--dijit.Tree Dojo学习笔记--dojo.graphics.color & dojo.uri.Uri Dojo学习笔记--dojo.string & dojo.lang Dojo学习笔记--动态生成...

    dojo精品中文教程(包二)

    Dojo学习笔记--dijit.TitlePane Dojo学习笔记--dijit.Tooltip Dojo学习笔记--dijit.Tree Dojo学习笔记--dojo.graphics.color & dojo.uri.Uri Dojo学习笔记--dojo.string & dojo.lang Dojo学习笔记--动态生成...

    Xpage学习笔记

    - **通过插入标签生成 dojo 按钮**:可以手动创建 `<div>` 并指定 `dojoType="dijit.form.Button"`。 - **使用 xpage 按钮控件**:可以直接使用 `<xp:button>` 标签,更加方便。 - **在按钮控件上使用事件处理程序...

    dojo精品中文教程(包三)

    Dojo学习笔记--dijit.TitlePane Dojo学习笔记--dijit.Tooltip Dojo学习笔记--dijit.Tree Dojo学习笔记--dojo.graphics.color & dojo.uri.Uri Dojo学习笔记--dojo.string & dojo.lang Dojo学习笔记--动态生成...

    dojo精品中文教程(全)

    Dojo学习笔记--dijit.TitlePane Dojo学习笔记--dijit.Tooltip Dojo学习笔记--dijit.Tree Dojo学习笔记--dojo.graphics.color & dojo.uri.Uri Dojo学习笔记--dojo.string & dojo.lang Dojo学习笔记--动态生成...

    AJAX之Dojo实现登陆框

    <input type="password" name="password" data-dojo-type="dijit.form.PasswordTextBox" required="true"> <button type="submit" data-dojo-type="dijit.form.Button">Login </form> ``` **事件处理和登录逻辑**...

    定义自己的dojo组件类

    可以使用 Dojo 的测试框架,如 `dojox.testing` 或 `dijit.Testing`,编写单元测试和功能测试来验证组件的行为。 ### 6. 举例:文件上传对话框 创建一个文件上传对话框组件,可能需要继承 `dijit.Dialog` 并添加...

    DOJO 0.4.3

    例如,`dijit.form.Button`用于创建交互式按钮,`dijit.Dialog`则可以创建弹出式对话框。 4. **消息机制** DOJO 包含了消息传递和状态管理的机制。例如,`dojo.publish`和`dojo.subscribe`分别用于发布和订阅消息...

    Dojo教程

    常见的Dojo部件有dijit.form.Button(按钮)、dijit.layout.ContentPane(内容面板)和dijit.Dialog(对话框)等。 DojoInPractice_cn.pdf 可能是一本关于Dojo实战的中文教程,其中可能涵盖了如何在实际项目中运用...

    dojo学习笔记

    - **示例**:`dojo.require("dijit.form.Button");` 2. **dojo.addOnLoad**: - **用途**:确保指定的脚本程序在HTML页面加载完成后执行。 - **语法**:`dojo.addOnLoad(function(){ /* 代码 */ });` 3. **dojo...

    dojo guide ppt

    2. 编程式:通过JavaScript实例化组件,如 `var b = new dijit.form.Button()`。 Dijit还确保了所有组件的一致设计和色彩方案,只需在页面的标签中指定主题类,例如 `<body class="tundra">`。 开始使用Dojo: 要...

    Dojo 小部件开发演示

    在开发自定义小部件时,我们通常会继承现有的Dijit小部件并扩展其功能。在这个例子中,我们将Button和FilteringSelect组合在一起,创建一个全新的部件。这种做法的好处在于,我们不需要从零开始编写所有的HTML和...

    dojo checkbox tree

    利用dojo的ajax实现树结构,带有checkbox功能

    arcgis_javascript实现鹰眼功能实例

    在这个案例中,我们将关注于如何使用ArcGIS JavaScript API中的`esri.dijit.OverviewMap`来实现鹰眼功能。 ### 鹰眼功能实现原理 “鹰眼”(Overview Map)是一个辅助性的地图控件,它以较小的比例尺展示地图的...

Global site tag (gtag.js) - Google Analytics