3 <title>The source code</title>
\r
4 <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
\r
5 <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
\r
7 <body onload="prettyPrint();">
\r
8 <pre class="prettyprint lang-js"><div id="cls-Ext.form.DisplayField"></div>/**
\r
9 * @class Ext.form.DisplayField
\r
10 * @extends Ext.form.Field
\r
11 * A display-only text field which is not validated and not submitted.
\r
13 * Creates a new DisplayField.
\r
14 * @param {Object} config Configuration options
\r
15 * @xtype displayfield
\r
17 Ext.form.DisplayField = Ext.extend(Ext.form.Field, {
\r
18 validationEvent : false,
\r
19 validateOnBlur : false,
\r
20 defaultAutoCreate : {tag: "div"},
\r
21 <div id="cfg-Ext.form.DisplayField-fieldClass"></div>/**
\r
22 * @cfg {String} fieldClass The default CSS class for the field (defaults to <tt>"x-form-display-field"</tt>)
\r
24 fieldClass : "x-form-display-field",
\r
25 <div id="cfg-Ext.form.DisplayField-htmlEncode"></div>/**
\r
26 * @cfg {Boolean} htmlEncode <tt>false</tt> to skip HTML-encoding the text when rendering it (defaults to
\r
27 * <tt>false</tt>). This might be useful if you want to include tags in the field's innerHTML rather than
\r
28 * rendering them as string literals per the default logic.
\r
33 initEvents : Ext.emptyFn,
\r
35 isValid : function(){
\r
39 validate : function(){
\r
43 getRawValue : function(){
\r
44 var v = this.rendered ? this.el.dom.innerHTML : Ext.value(this.value, '');
\r
45 if(v === this.emptyText){
\r
48 if(this.htmlEncode){
\r
49 v = Ext.util.Format.htmlDecode(v);
\r
54 getValue : function(){
\r
55 return this.getRawValue();
\r
58 getName: function() {
\r
62 setRawValue : function(v){
\r
63 if(this.htmlEncode){
\r
64 v = Ext.util.Format.htmlEncode(v);
\r
66 return this.rendered ? (this.el.dom.innerHTML = (Ext.isEmpty(v) ? '' : v)) : (this.value = v);
\r
69 setValue : function(v){
\r
70 this.setRawValue(v);
\r
73 <div id="cfg-Ext.form.DisplayField-inputType"></div>/**
\r
74 * @cfg {String} inputType
\r
77 <div id="cfg-Ext.form.DisplayField-disabled"></div>/**
\r
78 * @cfg {Boolean} disabled
\r
81 <div id="cfg-Ext.form.DisplayField-readOnly"></div>/**
\r
82 * @cfg {Boolean} readOnly
\r
85 <div id="cfg-Ext.form.DisplayField-validateOnBlur"></div>/**
\r
86 * @cfg {Boolean} validateOnBlur
\r
89 <div id="cfg-Ext.form.DisplayField-validationDelay"></div>/**
\r
90 * @cfg {Number} validationDelay
\r
93 <div id="cfg-Ext.form.DisplayField-validationEvent"></div>/**
\r
94 * @cfg {String/Boolean} validationEvent
\r
99 Ext.reg('displayfield', Ext.form.DisplayField);
\r