`

dojo 动态创建下拉菜单和输入框

    博客分类:
  • web
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html dir="ltr">
   <head>
      <style type="text/css">
         body, html { font-family:helvetica,arial,sans-serif; font-size:90%; }
      </style>
      <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dojo/dojo.xd.js" djConfig="parseOnLoad: true"></script>
      <script>
         dojo.require("dijit.form.Select");
         dojo.require("dijit.form.TextBox");
         dojo.ready(function() {
         add(dojo.byId("x"));
         });
         
         var num=1;
         function add(sDiv){
         var s = new dijit.form.Select({
                 name: 'select'+num++,
                 options: [{
                     label: 'TN',
                     value: 'Tennessee'
                 },
                 {
                     label: 'VA',
                     value: 'Virginia',
                     selected: true
                 },
                 {
                     label: 'WA',
                     value: 'Washington'
                 },
                 {
                     label: 'FL',
                     value: 'Florida'
                 },
                 {
                     label: 'CA',
                     value: 'California'
                 }]
             });
         s.placeAt(sDiv);
         var b = dijit.form.TextBox();
         b.placeAt(sDiv);
         }
         
         function newOne(){
         var y = document.createElement("div");
         y.setAttribute("id", "x" + num);
         x.appendChild(y);
         add(y);
         }
      </script>
      <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css" />
   </head>
   <body class=" claro ">
      <div id="x" />
      <button onclick="newOne()">add</button>
   </body>
</html>

 

分享到:
评论

相关推荐

    dojo的二级下拉菜单demo

    在创建二级下拉菜单时,我们可能需要引入`dijit/Menu`和`dijit/PopupMenu`等模块,这些是Dojo提供的UI组件,用于创建交互式菜单。 `dijit/Menu`是Dojo的基础菜单组件,它可以包含一系列的菜单项。而`dijit/...

    struts2的动态多级联下拉菜单

    在Struts2中,我们可以利用Dojo的`dijit.form.Select`组件来创建下拉菜单,并通过`dojo.data.ItemFileWriteStore`来动态加载和管理菜单项。 以下步骤概述了实现这个功能的一般流程: 1. **配置Struts2**:确保在你...

    DOJO 下拉菜单(带刷新和获取隐藏值方法).js

    DOJO 下拉菜单(带刷新和获取隐藏值方法).js

    dojo动态tree

    创建一个动态加载的Dojo Tree通常涉及以下步骤: 1. **配置Store**:创建一个dojo/store实例,用于存储树节点的数据。可以是dojo/store/Memory、dojo/store/JsonRest或其他类型。 2. **定义模型**:使用`dijit/...

    introduction to dojo toolkit(SUN)

    例如,可以使用 `dijit.form.TextBox` 创建一个文本输入框。 ### 高级 Dojo 主题 此外,还有一些更高级的主题,包括自定义 Widget 的创建、拖放功能、动画效果、存储管理以及性能优化等方面的内容。这些主题通常...

    ajax最好的框架之一:dojo包

    Dojo 是一个强大的JavaScript工具库,它为Web开发提供了丰富的功能和组件,特别是在Ajax技术方面。作为Ajax的最佳框架之一,Dojo 提供了全面的解决方案,涵盖了从数据管理到用户界面构建的所有方面。 1. **Dojo核心...

    基于dojo的动态树

    【基于Dojo的动态树】是一种使用JavaScript库Dojo Toolkit创建的交互式树形结构,常用于展现层次化的数据或导航菜单。Dojo Toolkit是一个功能强大的JavaScript库,它提供了多种UI组件,包括Tree组件,可以方便地在...

    dojo dojo实例 dojo例子 dojo资料 dojo项目 dojo实战 dojo模块 dojo编程

    2. **dojo/_base**:这是Dojo的基础模块,包含了Dojo的基本功能,如对象创建、事件处理、DOM操作等。例如,`dojo/query`用于选择DOM元素,`dojo/on`用于监听事件。 3. **dojo/ready**:这个模块用于确保DOM加载完成...

    Dojo API 1.9.chm 离线参考手册

    9. **dijit/form**:Dijit是Dojo的UI组件库,其中`dijit/form`包含了各种表单控件,如输入框、复选框、下拉选择框等,提供了丰富的样式和行为支持。 10. **dojox**:除了核心的dojo和dijit模块外,dojox库提供了更...

    dojo包和例子

    这些示例将帮助开发者了解如何使用Dojo来创建动态、交互式的报表,如何处理和展示大量数据。 9. **自定义模块和参数修改**:描述中提到可以修改相关参数演示,这意味着提供的示例可能包含了一些配置选项,开发者...

    DOJO 学习文档+Demo

    DOJO 提供了丰富的 UI 组件库,如按钮、表单、下拉菜单、日历、进度条等。这些组件基于 Dijit 模块,可以轻松地创建响应式、无障碍的用户界面。Dijit 遵循 WAI-ARIA 规范,确保组件对残障人士的友好。 ### 3. Data ...

    dojo中文文档-dojo手册

    《dojo中文文档-dojo手册》提供了全面而深入的Dojo框架知识,这是一份非常有价值的资源,对于想要理解和掌握Dojo JavaScript库的开发者来说至关重要。Dojo是一个强大的JavaScript工具包,它提供了丰富的功能,包括...

    DOjo中文使用手册

    Dijit是DOjo的一个小部件库,提供了许多有用的UI组件,如表单、验证、文本输入框、按钮、菜单等。Dijit的小部件可以帮助用户快速构建Web应用程序。 DOjo和JavaScript的协作 DOjo可以与JavaScript协作来实现复杂的...

    DOJO 学习笔记 dojo

    `dojo.dom` 模块则提供了操作 DOM(文档对象模型)节点的方法,如查找、创建、修改和删除元素。 `dojo.event` 以及 `dojo.event.topic` 和 `dojo.event.browser` 是事件管理和发布订阅模式的实现。`dojo.event` ...

    dojo:说明文档+小部件实例页面

    "下拉列表实例"可能是指Dojo的ComboBox或Select,它们提供了一种选择项的下拉菜单形式。ComboBox结合了TextBox和下拉列表,用户可以输入或者选择预设的值;Select则主要用于显示一组可选的预定义选项。 这些实例...

    Dojo框架使用教程

    Dijit提供了丰富的可复用的用户界面元素,如按钮、下拉菜单、表单等。这些组件都具有良好的可访问性和响应式设计,适应不同设备。创建一个简单的Dijit按钮可以这样实现: ```html require(["dijit/form/Button"], ...

    dojo 学习笔记 表单 树形列表

    和前一个树形菜单 大多数例子是基于 PHP 的 发现很多 dojo 学者想下载 dojo 的API…… 结论是:下不到的! 发现很多想下载一些帮助例子,在http://download.dojotoolkit.org/ 下才能找到,进去点版本,比如 ...

    dojo文档 dojo文档 dojo文档

    dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档

    dojo-release-1.10.4

    10. **移动开发**:虽然Dojo 1.10.4主要是为桌面环境设计的,但`dojox/mobile`提供了一些适用于移动设备的功能,如滚动列表、下拉菜单等,以适应移动Web开发的需求。 总的来说,"dojo-release-1.10.4"是一个全面的...

    DOJO中文手册【出自dojo中国】

    Dojo的包加载机制允许动态加载所需模块,为用户提供高度的灵活性来扩展和定制工具包。 在技术特性上,Dojo的文件结构包括一个核心代码文件(Dojo.js)和多个JavaScript文件,按照功能不同分为多个版本,如AJAX版、...

Global site tag (gtag.js) - Google Analytics