让dijit DateTextBox不可手动输入

前端之家收集整理的这篇文章主要介绍了让dijit DateTextBox不可手动输入前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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(){ // }); }); });

原文链接:https://www.f2er.com/dojo/291017.html

猜你在找的Dojo相关文章