dijit.form.Select 基本用法
dijit.form.Select
1)创建:
var division = new dijit.form.Select({
id: "Division",//id必须唯一
name: 'Division',
intermediateChanges: "false",
iconClass: "dijitNoIcon",
emptyLabel: " ",
scrollOnFocus: "true",
autoWidth: "true",
style: "width:150px;",
sortByLabel: false, //默认会根据label进行排序,设为false可保证原有顺序
options: [
{ label: '山东', value: '山东', selected: true },//默认选中该项
{ label: '河北', value: '河北' },
{ label: '天津', value: '河北' }
]
}).placeAt(td22);//设置显示的位置,这里为table中的一个单元格;也可通过division .placeAt(td22);设置
2)通过Store创建
function GetRegionStore(dataType) {
switch (dataType) {
case "山东":
var store = new dojo.data.ItemFileReadStore({
data: {
identifier: 'id',
label: 'name',
items: [
{ name: "济南", id: "济南" },
{ name: "青岛", id: "青岛" },
{ name: "济宁", id: "济宁" },
{ name: "潍坊", id: "潍坊" }
]
}
});
return store;
......
}
}
var store = GetRegionStore("山东");
dijit.byId("Division").set("store", store);
3)绑定事件
var selector = dijit.byId("Division");
selector.on("change", function () {
//To Do Code
});
或
dojo.connect(dijit.byId("Division"), "onChange", function (newValue) {
//To Do Code
});
注意:
两种方式中,事件名称的区别;
注意注册事件时事件名对大小写敏感;
dojo.byId 取到的是dom节点,dijit取到的是widget元素;dom节点不能用来绑定事件;
绑定事件的代码可放在声明组件的代码之后,不必考虑元素是否已经加载到页面中,未加载的话是否会无法注册(初学者,具体原理不太明白,多次试验后确定如此)。
4)获取/设置
var value = selector.get('value');
selector.set('value', selectedDivision);
selector.att('value', selectedDivision);
两种设置方法均有效,也都可以触发onChange事件,之间的区别尚不清楚。
问题:
下拉列表中,文字的字体大小和选中后文本框内的不同,需要如何控制?
dijit.form.Select 基本用法的更多相关文章
- dijit样式定制(二)dijit.form.Select与dijit.form.NumberSpinner
dijit.form.Select: Select的样式位于Claro/form/Select.less中,Select主要通过table来布局,下图可以看到Select的布局结构 介绍几个主要的cl ...
- select()函数用法二
Select在Socket编程中还是比较重要的,可是对于初学Socket的人来说都不太爱用Select写程序,他们只是习惯写诸如 connect.accept.recv或recvfrom这样的阻塞程序 ...
- <form:select>的使用
最近在学习springMVC,用到了<form:select>标签,使用发过程中遇到了些问题,现在记录下,以防忘记. 我jsp页面是这样的: <%@ page language=&q ...
- 关于<form:select>
今天写基于SSM框架的程序,用到了<form:select>.由于一开始遇到了问题,所以在这里加以记录,供以后查看. 直接看jsp页面的代码 <%@ page language=&q ...
- linux c语言 select函数用法
linux c语言 select函数用法 表头文件 #i nclude<sys/time.h> #i nclude<sys/types.h> #i nclude<unis ...
- dojo下的dom按钮与dijit/form/Button
众所周知,在dojo里存在dom和widget两个类型,dom指的是普通类型的HTML元素,包括各种类型的标签.按钮.输入框等等,而widget指的是dojo自身所带的模板,同时也包括按钮.输入框等等 ...
- 数据库中增加操作insert into的用法和查询select的用法
insert into的用法 1.一条insert into 可以插入多条记录 2.insert into 能判断主键是否冲突,和做出冲突处理 如果主键冲突的话会报错,还能写成如果冲突就更新的形式格式 ...
- form:select form:options 标签数据回显
在jsp页面中经常会使用到 form:select form:options 遍历后台List集合生成 select 下拉选择器,但是 form:options 标签并没有提供一个可以回显数据的属性. ...
- <form:select>
<form:select path="classification" class="input-medium"> <form:option v ...
随机推荐
- js 循环切换图片
function changeLot(){ var minIndex = 1; var maxIndex = 100; var curIndex = 10; var src = $("ul ...
- 查看死锁 的存储过程 ,工具存储过程 sp_who_lock
http://blog.sina.com.cn/s/blog_95b5eb8c010162jp.html if exists (select * from dbo.sysobjects where i ...
- 如何解决Oracle RAC 安装集群软件或数据库时无法自动识别节点
在节点一 grid用户下: $ORACLE_HOME=/u01/app/11.2.0/grid/ [grid@orarac1 /]$ cd /u01/app/11.2.0/grid/oui/bin [ ...
- RSA加密算法的加密与解密
转发原文链接:RSA加密算法加密与解密过程解析 1.加密算法概述 加密算法根据内容是否可以还原分为可逆加密和非可逆加密. 可逆加密根据其加密解密是否使用的同一个密钥而可以分为对称加密和非对称加密. 所 ...
- 关于lemon oa的数据库
lemonOA的数据库默认用的是hsqldb,这个数据库还是第一次听说,暂且不论. 也就说Lemon OA默认使用HSQLDB数据库,是嵌入式的数据库不需要单独安装. lemon-1.4.0\weba ...
- PHP MYSQL单向同步方案
项目上有个需求,需要从外网服务器的MYSQL同步到本地服务器上. 思路如下: 1 在外网MYSQL中创建表 table_change_log ,记录表中数据的更改记录. DROP TABLE IF E ...
- Web 前端开发学习之路(入门篇)
字数1374 阅读4622 评论0 喜欢49 以前学习过一段时间的web前端开发,整理了一些我看过的/我认为比较好的学习资料(网站.书籍).不要问我为啥没有进阶版,我只是一条产品汪而已,求轻喷.== ...
- linux下重置mysql的root密码
# /etc/init.d/mysql stop # mysqld_safe --user=mysql --skip-grant-tables --skip-networking & # my ...
- mac java 安装路径
google了一下,发现了这篇文章Important Java Directories on Mac OS X,可以使用工具命令"/usr/libexec/java_home"来定 ...
- vim中执行shell命令
1):!command 不退出vim,并执行shell命令command,将命令输出显示在vim的命令区域,不会改变当前编辑的文件的内容 例如 :!ls -l 特别的可以运行:!bas ...