Upgrade to ExtJS 3.3.1 - Released 11/30/2010

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

index 40d4416..19ebaf5 100644 (file)
--- a/docs/source/Checkbox.html
+++ b/docs/source/Checkbox.html
@@ -1,15 +1,16 @@
  <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.0.3
- * Copyright(c) 2006-2009 Ext JS, LLC
- * licensing@extjs.com
- * http://www.extjs.com/license
+ * Ext JS Library 3.3.1
+ * Copyright(c) 2006-2010 Sencha Inc.
+ * licensing@sencha.com
+ * http://www.sencha.com/license
   */
  <div id="cls-Ext.form.Checkbox"></div>/**
   * @class Ext.form.Checkbox
@@ -33,19 +34,20 @@ Ext.form.Checkbox = Ext.extend(Ext.form.Field,  {
       * @cfg {Boolean} checked <tt>true</tt> if the checkbox should render initially checked (defaults to <tt>false</tt>)
       */
      checked : false,
+    <div id="cfg-Ext.form.Checkbox-boxLabel"></div>/**
+     * @cfg {String} boxLabel The text that appears beside the checkbox
+     */
+    boxLabel: '&#160;',
      <div id="cfg-Ext.form.Checkbox-autoCreate"></div>/**
       * @cfg {String/Object} autoCreate A DomHelper element spec, or true for a default element spec (defaults to
       * {tag: 'input', type: 'checkbox', autocomplete: 'off'})
       */
      defaultAutoCreate : { tag: 'input', type: 'checkbox', autocomplete: 'off'},
-    <div id="cfg-Ext.form.Checkbox-boxLabel"></div>/**
-     * @cfg {String} boxLabel The text that appears beside the checkbox
-     */
      <div id="cfg-Ext.form.Checkbox-inputValue"></div>/**
       * @cfg {String} inputValue The value that should go into the generated input element's value attribute
       */
      <div id="cfg-Ext.form.Checkbox-handler"></div>/**
-     * @cfg {Function} handler A function called when the {@link #checked} value changes (can be used instead of 
+     * @cfg {Function} handler A function called when the {@link #checked} value changes (can be used instead of
       * handling the check event). The handler is passed the following parameters:
       * <div class="mdetail-params"><ul>
       * <li><b>checkbox</b> : Ext.form.Checkbox<div class="sub-desc">The Checkbox being toggled.</div></li>
@@ -59,7 +61,7 @@ Ext.form.Checkbox = Ext.extend(Ext.form.Field,  {
  
      // private
      actionMode : 'wrap',
-    
+
         // private
      initComponent : function(){
          Ext.form.Checkbox.superclass.initComponent.call(this);
@@ -121,7 +123,7 @@ Ext.form.Checkbox = Ext.extend(Ext.form.Field,  {
              this.checked = this.el.dom.checked;
          }
          // Need to repaint for IE, otherwise positioning is broken
-        if(Ext.isIE){
+        if (Ext.isIE && !Ext.isStrict) {
              this.wrap.repaint();
          }
          this.resizeEl = this.positionEl = this.wrap;
@@ -164,8 +166,10 @@ Ext.form.Checkbox = Ext.extend(Ext.form.Field,  {
       * @return {Ext.form.Field} this
       */
      setValue : function(v){
-        var checked = this.checked ;
-        this.checked = (v === true || v === 'true' || v == '1' || String(v).toLowerCase() == 'on');
+        var checked = this.checked,
+            inputVal = this.inputValue;
+            
+        this.checked = (v === true || v === 'true' || v == '1' || (inputVal ? v == inputVal : String(v).toLowerCase() == 'on'));
          if(this.rendered){
              this.el.dom.checked = this.checked;
              this.el.dom.defaultChecked = this.checked;
@@ -180,6 +184,6 @@ Ext.form.Checkbox = Ext.extend(Ext.form.Field,  {
      }
  });
  Ext.reg('checkbox', Ext.form.Checkbox);
-</pre>
+</pre>    
  </body>
  </html>
 \ No newline at end of file