常见的选择框控件：Selelct、FilteringSelect和ComboBox都是下拉框风格，而不是ListBox风格。

dojo还提供了一个dijit.form.MultiSelect控件可以解决问题并支持多选：http://dojotoolkit.org/reference-guide/1.10/dijit/form/MultiSelect.html

需要注意的是该空间不支持store这些，需要动态在JS代码中条件<OPTION>标签。

示例代码（在官网上的代码做了改动）

<!DOCTYPE html>

<html >

<head>

    <script>dojoConfig = {parseOnLoad: true}</script>

    <link rel="stylesheet" href="/lss/dojoroot/dijit/themes/claro/claro.css">

    <script src="/lss/dojoroot/dojo/dojo.js" ></script>  

    <script>

        require([

            "dijit/form/MultiSelect",

            "dijit/form/Button",

            "dojo/dom",

            "dojo/_base/window",

            "dojo/domReady!"],

            function(MultiSelect, Button, dom, win){

                var sel = dom.byId('dynamic');

                var n = 0;

                for(var i in dijit){

                        var c = win.doc.createElement('option');

                     c.innerHTML = i;

                     c.value = n++;

                     sel.appendChild(c);

                 }

                var myMultiSelect = new MultiSelect({ name: 'myMultiSelect' }, sel);

                myMultiSelect.startup();

                    new Button({

                    onClick: function(){

                        alert(myMultiSelect.get('value'));

                        }

                        }, "progbutton").startup();

                });

    </script>

</head>

<body class="claro">

    <select id="dynamic"></select>

<p><button id="progbutton" type="button">Get value</button></p>

</body>

</html>

dojo:如何显示ListBox风格的选择框的更多相关文章

  1. Unity编辑器扩展Texture显示选择框

    学习NGUI插件的时候,突然间有一个问题为什么它这些属性可以通过弹出窗口来选中呢? 而我自己写的组件只能使用手动拖放的方式=.=. Unity开发了组件Inspector视图扩展API,如果我们要写插 ...

  2. 百度编辑器UEditor 点击上传图片选择框会延迟几秒才会显示 反应很慢(转)

    转自:http://www.blogxuan.com/php/show/323.html UEditor 编辑器点击上传文件选择框会延迟几秒才会显示,反应很慢,上传图片选择框显示很慢. 1.uedit ...

  3. 修改页面中显示出需要修改的数据(包括select选择框复显示)

    页面中需要用到某个对象时,在底层代码中赋值,然后页面用java代码进行获取调用 如下截图: select复显示:根据后台方法赋值选择框 ,并设置初始值 按钮及选择框的禁用(五种方法): 方法一: $( ...

  4. 使用showOptionDialog显示多项选择框

    -----------------siwuxie095                             工程名:TestJOptionPane 包名:com.siwuxie095.showdi ...

  5. layui下拉选择框select不显示

    弹层layer下拉框没有样式_不可点击_没有效果_渲染失效的解决办法 一.必须给表单体系所在的父元素加上 class="layui-form" 在一个容器中设定 class=&qu ...

  6. java、easyui-combotree树形下拉选择框

    最近一直在研究这个树形的下拉选择框,感觉非常的有用,现在整理下来供大家使用: 首先数据库的表架构设计和三级菜单联动的表结构是一样,(父子关系) 1.下面我们用hibernate建一下对应的额实体类: ...

  7. 自定义 Material Design风格的提示框

    关闭 自定义 Material Design风格的提示框 2016-04-24 10:55 152人阅读 评论(0) 收藏 举报 版权声明:本文为博主原创文章,未经博主允许不得转载. 其实在14年谷歌 ...

  8. FancySelect – 更好用的 jQuery 下拉选择框插件

    FancySelect 这款插件是 Web 开发中下拉框功能的一个更好的选择.FancySelect 使用方便,只要绑定页面上的任何 Select 元素,并调用就 .fancySelect() 就可以 ...

  9. Java——文件选择框：JFileChooser

    import java.awt.BorderLayout; import java.awt.Container; import java.awt.event.ActionEvent; import j ...

随机推荐

  1. DeployMan,发布文件的利器

    利用Delphi开发app,有时候需要发布文件,如果文件少还不是问题,但文件多的情况下,IDE带的发布功能,就显得捉襟见肘,效率低下了. 通过Project-Deployment,打开发布窗口,如下图 ...

  2. Maven Speed Up

    收录架构 proxy代理仓库 不支持仓库搜索功能 收录版本 所有版本 更新时间 每24小时更新一次 使用说明 一.在maven软件中使用 以Maven 3.5.2为例: 打开maven配置文件 ./a ...

  3. ‘’.join(列表)--列表转化为一个语句。 strip()删除掉str中的左右的空白字符

    1和2相比,删除掉了str左右的空白字符,2和3相比,删除掉了上下的空白字符

  4. 【转载】 强化学习（二）马尔科夫决策过程(MDP)

    原文地址: https://www.cnblogs.com/pinard/p/9426283.html ------------------------------------------------ ...

  5. logminer使用测试库进行挖掘分析，10.2.0.5

    上一篇测试是在dg环境进行测试挖掘,但是如果客户存在一个测试库,那样使用日志挖掘的影响性更小.本篇进行测试分析. 测试环境介绍: oracle linux  5.6,vmware虚拟机,安装两套单实例 ...

  6. SLES12SP2使用总结

    1. 设置hostname hostnamectl set-hostname   hostname***

  7. a标签总结

    一.<a>定义和用法  <a> 标签定义超链接,用于从一张页面链接到另一张页面.   <a> 元素最重要的属性是 href 属性,它指示链接的目标. 在所有浏览器中 ...

  8. xdoj 1067组合数学+动态规划 (一个题断断续续想了半年 233）

    题目分析 : (8 4) 可以由(7 4),(6,4),( 4,4) 基础上转化 意味着一个新加入的元素可以按照它加入的方式分类,从而实现动态规划 核心:加入方式 新加入的元素构成转换环的元素个数(n ...

  9. ubuntu shell插件

    1. NetSpeed 在状态栏显示当前网速 2. Screenshot Tool 同样在 Ubuntu 18.04 之前我们使用 Shutter,但在Ubuntu 18.04 Shutter的托盘图 ...

  10. 一道dp[不太好写]

    http://acm.csu.edu.cn:20080/csuoj/problemset/problem?pid=2281 Description An arithmetic progression ...