让dijit DateTextBox不可手动输入
2015-07-22 15:26
260 查看
1、
dateTextBox.onInput = function(e){
return false;
};
阻止了用户输入,日期控件也可以弹出来
2、
dijit.form.TextBox.extend(
editable: true,
_setReadOnlyAttr: function(/*Boolean*/ value){
domAttr.set(this.focusNode, 'readOnly', value || !this.editable);
this._set("readOnly", value);
},
_setEditableAttr: function(value){
this._set("editable", !!value);
domAttr.set(this.textbox, "readonly", (this.readOnly || !value));
}
);
declare 是创建一个新类,extend 是直接扩展基类。这样的好处是,其他基于这个类的类,也跟着可以用。比如TextBox.extend 后,那些 Date、Time、ValidationTextBox 就不用改了
3、
define([
"dojo/_base/declare",
"dijit/form/DateTextBox"
], function(declare, DateTextBox){
return declare([DateTextBox], {
startup: function(){
this.inherited(arguments);
this.textbox.readOnly=true;
},
_setReadOnlyAttr: function(value){
this.set("readOnly", value);
}
})
});
4、
require([
'dojo/_base/lang',
'dijit/form/DateTextBox',
'dojo/ready',
'dojo/parser'
], function(lang, DateTextBox, ready, parser) {
lang.extend(DateTextBox, {
startup: function(){
this.textbox.readOnly=true;
},
_setReadOnlyAttr: function(value){
this.set("readOnly", value);
}
});
ready(function(){
parser.parse().then(function(){
//
});
});
});
dateTextBox.onInput = function(e){
return false;
};
阻止了用户输入,日期控件也可以弹出来
2、
dijit.form.TextBox.extend(
editable: true,
_setReadOnlyAttr: function(/*Boolean*/ value){
domAttr.set(this.focusNode, 'readOnly', value || !this.editable);
this._set("readOnly", value);
},
_setEditableAttr: function(value){
this._set("editable", !!value);
domAttr.set(this.textbox, "readonly", (this.readOnly || !value));
}
);
declare 是创建一个新类,extend 是直接扩展基类。这样的好处是,其他基于这个类的类,也跟着可以用。比如TextBox.extend 后,那些 Date、Time、ValidationTextBox 就不用改了
3、
define([
"dojo/_base/declare",
"dijit/form/DateTextBox"
], function(declare, DateTextBox){
return declare([DateTextBox], {
startup: function(){
this.inherited(arguments);
this.textbox.readOnly=true;
},
_setReadOnlyAttr: function(value){
this.set("readOnly", value);
}
})
});
4、
require([
'dojo/_base/lang',
'dijit/form/DateTextBox',
'dojo/ready',
'dojo/parser'
], function(lang, DateTextBox, ready, parser) {
lang.extend(DateTextBox, {
startup: function(){
this.textbox.readOnly=true;
},
_setReadOnlyAttr: function(value){
this.set("readOnly", value);
}
});
ready(function(){
parser.parse().then(function(){
//
});
});
});
相关文章推荐
- poj 2031 Building a Space Station(最小生成树)
- 杀死进入死循环的进程
- velocity第8个应用例子----#if#else#end
- st算法 求区间最值问题
- poj 2031 Building a Space Station(最小生成树)
- UVA 1663 Purifying Machine (二分图匹配,最大流)
- working set的使用
- 众美窝窝徐茂栋:O2O企业将面临倒闭潮
- 获取手机联系人信息
- POJ 3268
- CentOS搭建nginx+tomcat+laravel+php+Mongodb环境1(nginx篇)
- JS实现简单移动动画函数
- Ubuntu 安装svn服务器
- hdoj2027 统计元音
- spark streaming 与 storm的对比
- velocity第七个应用例子----在模板中进行赋值
- java理论之java数组和集合
- string相关
- 学法语的你伤不起之吐槽各种语言
- [ActionScript 3.0] 判断XML属性是否存在