133 lines
5.5 KiB
HTML
133 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title>The source code</title>
|
|
<link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
|
|
<script type="text/javascript" src="../resources/prettify/prettify.js"></script>
|
|
<style type="text/css">
|
|
.highlight { display: block; background-color: #ddd; }
|
|
</style>
|
|
<script type="text/javascript">
|
|
function highlight() {
|
|
document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
|
|
}
|
|
</script>
|
|
</head>
|
|
<body onload="prettyPrint(); highlight();">
|
|
<pre class="prettyprint lang-js"><span id='Ext-form-TextArea-method-constructor'><span id='Ext-form-TextArea'>/**
|
|
</span></span> * @class Ext.form.TextArea
|
|
* @extends Ext.form.TextField
|
|
* Multiline text field. Can be used as a direct replacement for traditional textarea fields, plus adds
|
|
* support for auto-sizing.
|
|
* @constructor
|
|
* Creates a new TextArea
|
|
* @param {Object} config Configuration options
|
|
* @xtype textarea
|
|
*/
|
|
Ext.form.TextArea = Ext.extend(Ext.form.TextField, {
|
|
<span id='Ext-form-TextArea-cfg-growMin'> /**
|
|
</span> * @cfg {Number} growMin The minimum height to allow when <tt>{@link Ext.form.TextField#grow grow}=true</tt>
|
|
* (defaults to <tt>60</tt>)
|
|
*/
|
|
growMin : 60,
|
|
<span id='Ext-form-TextArea-cfg-growMax'> /**
|
|
</span> * @cfg {Number} growMax The maximum height to allow when <tt>{@link Ext.form.TextField#grow grow}=true</tt>
|
|
* (defaults to <tt>1000</tt>)
|
|
*/
|
|
growMax: 1000,
|
|
<span id='Ext-form-TextArea-property-growAppend'> growAppend : '&#160;\n&#160;',
|
|
</span>
|
|
<span id='Ext-form-TextArea-property-enterIsSpecial'> enterIsSpecial : false,
|
|
</span>
|
|
<span id='Ext-form-TextArea-cfg-preventScrollbars'> /**
|
|
</span> * @cfg {Boolean} preventScrollbars <tt>true</tt> to prevent scrollbars from appearing regardless of how much text is
|
|
* in the field. This option is only relevant when {@link #grow} is <tt>true</tt>. Equivalent to setting overflow: hidden, defaults to
|
|
* <tt>false</tt>.
|
|
*/
|
|
preventScrollbars: false,
|
|
<span id='Ext-form-TextArea-cfg-autoCreate'> /**
|
|
</span> * @cfg {String/Object} autoCreate <p>A {@link Ext.DomHelper DomHelper} element spec, or true for a default
|
|
* element spec. Used to create the {@link Ext.Component#getEl Element} which will encapsulate this Component.
|
|
* See <tt>{@link Ext.Component#autoEl autoEl}</tt> for details. Defaults to:</p>
|
|
* <pre><code>{tag: "textarea", style: "width:100px;height:60px;", autocomplete: "off"}</code></pre>
|
|
*/
|
|
|
|
<span id='Ext-form-TextArea-method-onRender'> // private
|
|
</span> onRender : function(ct, position){
|
|
if(!this.el){
|
|
this.defaultAutoCreate = {
|
|
tag: "textarea",
|
|
style:"width:100px;height:60px;",
|
|
autocomplete: "off"
|
|
};
|
|
}
|
|
Ext.form.TextArea.superclass.onRender.call(this, ct, position);
|
|
if(this.grow){
|
|
this.textSizeEl = Ext.DomHelper.append(document.body, {
|
|
tag: "pre", cls: "x-form-grow-sizer"
|
|
});
|
|
if(this.preventScrollbars){
|
|
this.el.setStyle("overflow", "hidden");
|
|
}
|
|
this.el.setHeight(this.growMin);
|
|
}
|
|
},
|
|
|
|
<span id='Ext-form-TextArea-method-onDestroy'> onDestroy : function(){
|
|
</span> Ext.removeNode(this.textSizeEl);
|
|
Ext.form.TextArea.superclass.onDestroy.call(this);
|
|
},
|
|
|
|
<span id='Ext-form-TextArea-method-fireKey'> fireKey : function(e){
|
|
</span> if(e.isSpecialKey() && (this.enterIsSpecial || (e.getKey() != e.ENTER || e.hasModifier()))){
|
|
this.fireEvent("specialkey", this, e);
|
|
}
|
|
},
|
|
|
|
<span id='Ext-form-TextArea-method-doAutoSize'> // private
|
|
</span> doAutoSize : function(e){
|
|
return !e.isNavKeyPress() || e.getKey() == e.ENTER;
|
|
},
|
|
|
|
<span id='Ext-form-TextArea-method-filterValidation'> // inherit docs
|
|
</span> filterValidation: function(e) {
|
|
if(!e.isNavKeyPress() || (!this.enterIsSpecial && e.keyCode == e.ENTER)){
|
|
this.validationTask.delay(this.validationDelay);
|
|
}
|
|
},
|
|
|
|
<span id='Ext-form-TextArea-method-autoSize'> /**
|
|
</span> * Automatically grows the field to accomodate the height of the text up to the maximum field height allowed.
|
|
* This only takes effect if grow = true, and fires the {@link #autosize} event if the height changes.
|
|
*/
|
|
autoSize: function(){
|
|
if(!this.grow || !this.textSizeEl){
|
|
return;
|
|
}
|
|
var el = this.el,
|
|
v = Ext.util.Format.htmlEncode(el.dom.value),
|
|
ts = this.textSizeEl,
|
|
h;
|
|
|
|
Ext.fly(ts).setWidth(this.el.getWidth());
|
|
if(v.length < 1){
|
|
v = "&#160;&#160;";
|
|
}else{
|
|
v += this.growAppend;
|
|
if(Ext.isIE){
|
|
v = v.replace(/\n/g, '&#160;<br />');
|
|
}
|
|
}
|
|
ts.innerHTML = v;
|
|
h = Math.min(this.growMax, Math.max(ts.offsetHeight, this.growMin));
|
|
if(h != this.lastHeight){
|
|
this.lastHeight = h;
|
|
this.el.setHeight(h);
|
|
this.fireEvent("autosize", this, h);
|
|
}
|
|
}
|
|
});
|
|
Ext.reg('textarea', Ext.form.TextArea);</pre>
|
|
</body>
|
|
</html>
|