Upgrade to ExtJS 3.2.2 - Released 06/02/2010

[extjs.git] / docs / source / TriggerField.html
diff --git a/docs/source/TriggerField.html b/docs/source/TriggerField.html

index 1cffc83..4704aba 100644 (file)
--- a/docs/source/TriggerField.html
+++ b/docs/source/TriggerField.html
@@ -1,12 +1,18 @@
-<html>\r
-<head>\r
-  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    \r
-  <title>The source code</title>\r
-    <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />\r
-    <script type="text/javascript" src="../resources/prettify/prettify.js"></script>\r
-</head>\r
-<body  onload="prettyPrint();">\r
-    <pre class="prettyprint lang-js"><div id="cls-Ext.form.TriggerField"></div>/**
+<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>
+</head>
+<body  onload="prettyPrint();">
+    <pre class="prettyprint lang-js">/*!
+ * Ext JS Library 3.2.2
+ * Copyright(c) 2006-2010 Ext JS, Inc.
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+<div id="cls-Ext.form.TriggerField"></div>/**
   * @class Ext.form.TriggerField
   * @extends Ext.form.TextField
   * Provides a convenient wrapper for TextFields that adds a clickable trigger button (looks like a combobox by default).
@@ -99,7 +105,7 @@ Ext.form.TriggerField = Ext.extend(Ext.form.TextField,  {
  
      getTriggerWidth: function(){
          var tw = this.trigger.getWidth();
-        if(!this.hideTrigger && tw === 0){
+        if(!this.hideTrigger && !this.readOnly && tw === 0){
              tw = this.defaultTriggerWidth;
          }
          return tw;
@@ -127,6 +133,10 @@ Ext.form.TriggerField = Ext.extend(Ext.form.TextField,  {
          this.resizeEl = this.positionEl = this.wrap;
      },
  
+    getWidth: function() {
+        return(this.el.getWidth() + this.trigger.getWidth());
+    },
+
      updateEditState: function(){
          if(this.rendered){
              if (this.readOnly) {
@@ -321,10 +331,25 @@ Ext.form.TwinTriggerField = Ext.extend(Ext.form.TriggerField, {
      getTrigger : function(index){
          return this.triggers[index];
      },
+    
+    afterRender: function(){
+        Ext.form.TwinTriggerField.superclass.afterRender.call(this);
+        var triggers = this.triggers,
+            i = 0,
+            len = triggers.length;
+            
+        for(; i < len; ++i){
+            if(this['hideTrigger' + (i + 1)]){
+                    triggers[i].hide();
+                }
+
+        }    
+    },
  
      initTrigger : function(){
-        var ts = this.trigger.select('.x-form-trigger', true);
-        var triggerField = this;
+        var ts = this.trigger.select('.x-form-trigger', true),
+            triggerField = this;
+            
          ts.each(function(t, all, index){
              var triggerIndex = 'Trigger'+(index+1);
              t.hide = function(){
@@ -339,11 +364,6 @@ Ext.form.TwinTriggerField = Ext.extend(Ext.form.TriggerField, {
                  triggerField.el.setWidth(w-triggerField.trigger.getWidth());
                  this['hidden' + triggerIndex] = false;
              };
-
-            if(this['hide'+triggerIndex]){
-                t.dom.style.display = 'none';
-                this['hidden' + triggerIndex] = true;
-            }
              this.mon(t, 'click', this['on'+triggerIndex+'Click'], this, {preventDefault:true});
              t.addClassOnOver('x-form-trigger-over');
              t.addClassOnClick('x-form-trigger-click');
@@ -389,6 +409,6 @@ Ext.form.TwinTriggerField = Ext.extend(Ext.form.TriggerField, {
      onTrigger2Click : Ext.emptyFn
  });
  Ext.reg('trigger', Ext.form.TriggerField);
-</pre>    \r
-</body>\r
+</pre>    
+</body>
  </html>
 \ No newline at end of file