docs/default.css
[roojs1] / docs / symbols / Roo.bootstrap.ComboBox.html
index 17a90b9..7e7f486 100644 (file)
         <tr><td class="label">Class:</td><td class="hd-info">ComboBox</td></tr>
        
        
+        <tr><td class="label">Subclasses:</td><td class="hd-info">
+               <a href="./Roo.bootstrap.MoneyField.html#constructor" roo:cls="Roo.bootstrap.MoneyField.html#constructor">Roo.bootstrap.MoneyField</a>
+
+       
+       
+       </td></tr>
+       
        
        
                <tr><td class="label">Extends:</td><td class="hd-info">
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt0">
+               <tr class="config-row expandable config-row-alt0 notInherited">
+                  <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+                   <td class="sig">
+
+                       <a id="Roo.bootstrap.ComboBox-cfg-emptyTitle" name=".emptyTitle"></a>
+                       <div class="fixedFont">
+                               <b  class="itemname">emptyTitle</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+                               
+                               
+                       </div>
+                 
+                       <div class="mdesc">
+                           <div class="short">default ''</div> 
+                       </div>
+                       
+                       <div class="mdesc">
+                           <div class="long">
+                    default ''
+                    
+                </div> 
+                       </div>
+                       
+                       
+
+                   </td>
+                   <td class="msource">
+                       
+                       Roo.bootstrap.ComboBox
+                               
+                   </td>
+               </tr>
+        
+       
+               <tr class="config-row expandable config-row-alt1">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                        <a id="Roo.bootstrap.Input-cfg-fieldLabel" name=".fieldLabel"></a>
                        <div class="fixedFont">
-                               <b  class="itemname">fieldLabel</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+                               <b  class="itemname">fieldLabel</b> : string
                                
                                
                        </div>
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt1">
+               <tr class="config-row expandable config-row-alt0">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt0">
+               <tr class="config-row expandable config-row-alt1">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt1 notInherited">
+               <tr class="config-row expandable config-row-alt0 notInherited">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt0 notInherited">
+               <tr class="config-row expandable config-row-alt1 notInherited">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt1 notInherited">
+               <tr class="config-row expandable config-row-alt0 notInherited">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt0 notInherited">
+               <tr class="config-row expandable config-row-alt1 notInherited">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt1 notInherited">
+               <tr class="config-row expandable config-row-alt0 notInherited">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt0">
+               <tr class="config-row expandable config-row-alt1">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt1 notInherited">
+               <tr class="config-row expandable config-row-alt0 notInherited">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt0">
+               <tr class="config-row expandable config-row-alt1">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt1">
+               <tr class="config-row expandable config-row-alt0">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
+               <tr class="config-row expandable config-row-alt1">
+                  <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+                   <td class="sig">
+
+                       <a id="Roo.bootstrap.Input-cfg-indicatorpos" name=".indicatorpos"></a>
+                       <div class="fixedFont">
+                               <b  class="itemname">indicatorpos</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+                               
+                               
+                       </div>
+                 
+                       <div class="mdesc">
+                           <div class="short">default left</div> 
+                       </div>
+                       
+                       <div class="mdesc">
+                           <div class="long">
+                    default left
+                    <BR/>Possible Values: left, right
+                </div> 
+                       </div>
+                       
+                       
+
+                   </td>
+                   <td class="msource">
+                       
+                       <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+                               
+                   </td>
+               </tr>
+        
+       
                <tr class="config-row expandable config-row-alt0">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
         
        
                <tr class="config-row expandable config-row-alt1">
+                  <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+                   <td class="sig">
+
+                       <a id="Roo.bootstrap.Input-cfg-invalidText" name=".invalidText"></a>
+                       <div class="fixedFont">
+                               <b  class="itemname">invalidText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+                               
+                               
+                       </div>
+                 
+                       <div class="mdesc">
+                           <div class="short">The error text to display if {<b>link</b> <b>validator</b>} test fails during validation (defaults to "")</div> 
+                       </div>
+                       
+                       <div class="mdesc">
+                           <div class="long">
+                    The error text to display if {<b>link</b> <b>validator</b>} test fails during validation (defaults to "")
+                    
+                </div> 
+                       </div>
+                       
+                       
+
+                   </td>
+                   <td class="msource">
+                       
+                       <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+                               
+                   </td>
+               </tr>
+        
+       
+               <tr class="config-row expandable config-row-alt0">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt0">
+               <tr class="config-row expandable config-row-alt1">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                        </div>
                  
                        <div class="mdesc">
-                           <div class="short">set the width of label (0-12)</div> 
+                           <div class="short">set the width of label</div> 
                        </div>
                        
                        <div class="mdesc">
                            <div class="long">
-                    set the width of label (0-12)
+                    set the width of label
                     
                 </div> 
                        </div>
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt1 notInherited">
+               <tr class="config-row expandable config-row-alt0">
+                  <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+                   <td class="sig">
+
+                       <a id="Roo.bootstrap.Input-cfg-labellg" name=".labellg"></a>
+                       <div class="fixedFont">
+                               <b  class="itemname">labellg</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
+                               
+                               
+                       </div>
+                 
+                       <div class="mdesc">
+                           <div class="short">set the width of label (1-12)</div> 
+                       </div>
+                       
+                       <div class="mdesc">
+                           <div class="long">
+                    set the width of label (1-12)
+                    
+                </div> 
+                       </div>
+                       
+                       
+
+                   </td>
+                   <td class="msource">
+                       
+                       <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+                               
+                   </td>
+               </tr>
+        
+       
+               <tr class="config-row expandable config-row-alt1">
+                  <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+                   <td class="sig">
+
+                       <a id="Roo.bootstrap.Input-cfg-labelmd" name=".labelmd"></a>
+                       <div class="fixedFont">
+                               <b  class="itemname">labelmd</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
+                               
+                               
+                       </div>
+                 
+                       <div class="mdesc">
+                           <div class="short">set the width of label (1-12)</div> 
+                       </div>
+                       
+                       <div class="mdesc">
+                           <div class="long">
+                    set the width of label (1-12)
+                    
+                </div> 
+                       </div>
+                       
+                       
+
+                   </td>
+                   <td class="msource">
+                       
+                       <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+                               
+                   </td>
+               </tr>
+        
+       
+               <tr class="config-row expandable config-row-alt0">
+                  <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+                   <td class="sig">
+
+                       <a id="Roo.bootstrap.Input-cfg-labelsm" name=".labelsm"></a>
+                       <div class="fixedFont">
+                               <b  class="itemname">labelsm</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
+                               
+                               
+                       </div>
+                 
+                       <div class="mdesc">
+                           <div class="short">set the width of label (1-12)</div> 
+                       </div>
+                       
+                       <div class="mdesc">
+                           <div class="long">
+                    set the width of label (1-12)
+                    
+                </div> 
+                       </div>
+                       
+                       
+
+                   </td>
+                   <td class="msource">
+                       
+                       <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+                               
+                   </td>
+               </tr>
+        
+       
+               <tr class="config-row expandable config-row-alt1">
+                  <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+                   <td class="sig">
+
+                       <a id="Roo.bootstrap.Input-cfg-labelxs" name=".labelxs"></a>
+                       <div class="fixedFont">
+                               <b  class="itemname">labelxs</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
+                               
+                               
+                       </div>
+                 
+                       <div class="mdesc">
+                           <div class="short">set the width of label (1-12)</div> 
+                       </div>
+                       
+                       <div class="mdesc">
+                           <div class="long">
+                    set the width of label (1-12)
+                    
+                </div> 
+                       </div>
+                       
+                       
+
+                   </td>
+                   <td class="msource">
+                       
+                       <a href="./Roo.bootstrap.Input.html#constructor" roo:cls="Roo.bootstrap.Input.html#constructor">Roo.bootstrap.Input</a>
+                               
+                   </td>
+               </tr>
+        
+       
+               <tr class="config-row expandable config-row-alt0 notInherited">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt0">
+               <tr class="config-row expandable config-row-alt1">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt1 notInherited">
+               <tr class="config-row expandable config-row-alt0 notInherited">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt0 notInherited">
+               <tr class="config-row expandable config-row-alt1 notInherited">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt1 notInherited">
+               <tr class="config-row expandable config-row-alt0 notInherited">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt0">
+               <tr class="config-row expandable config-row-alt1">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt1 notInherited">
+               <tr class="config-row expandable config-row-alt0 notInherited">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt0">
+               <tr class="config-row expandable config-row-alt1">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt1 notInherited">
+               <tr class="config-row expandable config-row-alt0 notInherited">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt0">
+               <tr class="config-row expandable config-row-alt1">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt1">
+               <tr class="config-row expandable config-row-alt0">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt0">
+               <tr class="config-row expandable config-row-alt1">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt1 notInherited">
+               <tr class="config-row expandable config-row-alt0 notInherited">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt0">
+               <tr class="config-row expandable config-row-alt1">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt1">
+               <tr class="config-row expandable config-row-alt0">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt0 notInherited">
+               <tr class="config-row expandable config-row-alt1 notInherited">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt1 notInherited">
+               <tr class="config-row expandable config-row-alt0 notInherited">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
                </tr>
         
        
+               <tr class="config-row expandable config-row-alt1 notInherited">
+                  <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+                   <td class="sig">
+
+                       <a id="Roo.bootstrap.ComboBox-cfg-modalTitle" name=".modalTitle"></a>
+                       <div class="fixedFont">
+                               <b  class="itemname">modalTitle</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+                               
+                               
+                       </div>
+                 
+                       <div class="mdesc">
+                           <div class="short">The title of the dialog that pops up on mobile views.</div> 
+                       </div>
+                       
+                       <div class="mdesc">
+                           <div class="long">
+                    The title of the dialog that pops up on mobile views.
+                    
+                </div> 
+                       </div>
+                       
+                       
+
+                   </td>
+                   <td class="msource">
+                       
+                       Roo.bootstrap.ComboBox
+                               
+                   </td>
+               </tr>
+        
+       
                <tr class="config-row expandable config-row-alt0 notInherited">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
                        </div>
                  
                        <div class="mdesc">
-                           <div class="short">The error text to display if {<b>link</b> <b>regex</b>} is used and the test fails during validation (defaults to "")</div> 
+                           <div class="short">-- Depricated - use Invalid Text</div> 
                        </div>
                        
                        <div class="mdesc">
                            <div class="long">
-                    The error text to display if {<b>link</b> <b>regex</b>} is used and the test fails during validation (defaults to "")
+                    -- Depricated - use Invalid Text
                     
                 </div> 
                        </div>
                        </div>
                  
                        <div class="mdesc">
-                           <div class="short">The template to use to render the output</div> 
+                           <div class="short">The template to use to render the output</div> 
+                       </div>
+                       
+                       <div class="mdesc">
+                           <div class="long">
+                    The template to use to render the output
+                    
+                </div> 
+                       </div>
+                       
+                       
+
+                   </td>
+                   <td class="msource">
+                       
+                       Roo.bootstrap.ComboBox
+                               
+                   </td>
+               </tr>
+        
+       
+               <tr class="config-row expandable config-row-alt1 notInherited">
+                  <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+                   <td class="sig">
+
+                       <a id="Roo.bootstrap.ComboBox-cfg-triggerAction" name=".triggerAction"></a>
+                       <div class="fixedFont">
+                               <b  class="itemname">triggerAction</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+                               
+                               
+                       </div>
+                 
+                       <div class="mdesc">
+                           <div class="short">The action to execute when the trigger field is activated.</div> 
+                       </div>
+                       
+                       <div class="mdesc">
+                           <div class="long">
+                    The action to execute when the trigger field is activated.  Use 'all' to run the<br/>query specified by the allQuery config option (defaults to 'query')
+                    
+                </div> 
+                       </div>
+                       
+                       
+
+                   </td>
+                   <td class="msource">
+                       
+                       Roo.bootstrap.ComboBox
+                               
+                   </td>
+               </tr>
+        
+       
+               <tr class="config-row expandable config-row-alt0">
+                  <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+                   <td class="sig">
+
+                       <a id="Roo.bootstrap.TriggerField-cfg-triggerClass" name=".triggerClass"></a>
+                       <div class="fixedFont">
+                               <b  class="itemname">triggerClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+                               
+                               
+                       </div>
+                 
+                       <div class="mdesc">
+                           <div class="short">An additional CSS class used to style the trigger button.</div> 
                        </div>
                        
                        <div class="mdesc">
                            <div class="long">
-                    The template to use to render the output
+                    An additional CSS class used to style the trigger button.  The trigger will always get the<br/>class 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.
                     
                 </div> 
                        </div>
                    </td>
                    <td class="msource">
                        
-                       Roo.bootstrap.ComboBox
+                       <a href="./Roo.bootstrap.TriggerField.html#constructor" roo:cls="Roo.bootstrap.TriggerField.html#constructor">Roo.bootstrap.TriggerField</a>
                                
                    </td>
                </tr>
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
-                       <a id="Roo.bootstrap.ComboBox-cfg-triggerAction" name=".triggerAction"></a>
+                       <a id="Roo.bootstrap.ComboBox-cfg-triggerList" name=".triggerList"></a>
                        <div class="fixedFont">
-                               <b  class="itemname">triggerAction</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+                               <b  class="itemname">triggerList</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
                                
                                
                        </div>
                  
                        <div class="mdesc">
-                           <div class="short">The action to execute when the trigger field is activated.</div> 
+                           <div class="short">trigger show the list or not (true|false) default true</div> 
                        </div>
                        
                        <div class="mdesc">
                            <div class="long">
-                    The action to execute when the trigger field is activated.  Use 'all' to run the<br/>query specified by the allQuery config option (defaults to 'query')
+                    trigger show the list or not (true|false) default true
                     
                 </div> 
                        </div>
                </tr>
         
        
-               <tr class="config-row expandable config-row-alt0">
+               <tr class="config-row expandable config-row-alt0 notInherited">
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
-                       <a id="Roo.bootstrap.TriggerField-cfg-triggerClass" name=".triggerClass"></a>
+                       <a id="Roo.bootstrap.ComboBox-cfg-triggerText" name=".triggerText"></a>
                        <div class="fixedFont">
-                               <b  class="itemname">triggerClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
+                               <b  class="itemname">triggerText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
                                
                                
                        </div>
                  
                        <div class="mdesc">
-                           <div class="short">An additional CSS class used to style the trigger button.</div> 
+                           <div class="short">multiple combobox trigger button text default 'Select'</div> 
                        </div>
                        
                        <div class="mdesc">
                            <div class="long">
-                    An additional CSS class used to style the trigger button.  The trigger will always get the<br/>class 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.
+                    multiple combobox trigger button text default 'Select'
                     
                 </div> 
                        </div>
                    </td>
                    <td class="msource">
                        
-                       <a href="./Roo.bootstrap.TriggerField.html#constructor" roo:cls="Roo.bootstrap.TriggerField.html#constructor">Roo.bootstrap.TriggerField</a>
+                       Roo.bootstrap.ComboBox
                                
                    </td>
                </tr>
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
-                       <a id="Roo.bootstrap.ComboBox-cfg-triggerList" name=".triggerList"></a>
+                       <a id="Roo.bootstrap.ComboBox-cfg-typeAhead" name=".typeAhead"></a>
                        <div class="fixedFont">
-                               <b  class="itemname">triggerList</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
+                               <b  class="itemname">typeAhead</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
                                
                                
                        </div>
                  
                        <div class="mdesc">
-                           <div class="short">trigger show the list or not (true|false) default true</div> 
+                           <div class="short">True to populate and autoselect the remainder of the text being typed after a configurable<br/>delay (typeAheadDelay) if it matches a known value (defaults to false)</div> 
                        </div>
                        
                        <div class="mdesc">
                            <div class="long">
-                    trigger show the list or not (true|false) default true
+                    True to populate and autoselect the remainder of the text being typed after a configurable<br/>delay (typeAheadDelay) if it matches a known value (defaults to false)
                     
                 </div> 
                        </div>
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
-                       <a id="Roo.bootstrap.ComboBox-cfg-typeAhead" name=".typeAhead"></a>
+                       <a id="Roo.bootstrap.ComboBox-cfg-typeAheadDelay" name=".typeAheadDelay"></a>
                        <div class="fixedFont">
-                               <b  class="itemname">typeAhead</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
+                               <b  class="itemname">typeAheadDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
                                
                                
                        </div>
                  
                        <div class="mdesc">
-                           <div class="short">True to populate and autoselect the remainder of the text being typed after a configurable<br/>delay (typeAheadDelay) if it matches a known value (defaults to false)</div> 
+                           <div class="short">The length of time in milliseconds to wait until the typeahead text is displayed<br/>if typeAhead = true (defaults to 250)</div> 
                        </div>
                        
                        <div class="mdesc">
                            <div class="long">
-                    True to populate and autoselect the remainder of the text being typed after a configurable<br/>delay (typeAheadDelay) if it matches a known value (defaults to false)
+                    The length of time in milliseconds to wait until the typeahead text is displayed<br/>if typeAhead = true (defaults to 250)
                     
                 </div> 
                        </div>
                   <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
                    <td class="sig">
 
-                       <a id="Roo.bootstrap.ComboBox-cfg-typeAheadDelay" name=".typeAheadDelay"></a>
+                       <a id="Roo.bootstrap.ComboBox-cfg-useNativeIOS" name=".useNativeIOS"></a>
                        <div class="fixedFont">
-                               <b  class="itemname">typeAheadDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
+                               <b  class="itemname">useNativeIOS</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
                                
                                
                        </div>
                  
                        <div class="mdesc">
-                           <div class="short">The length of time in milliseconds to wait until the typeahead text is displayed<br/>if typeAhead = true (defaults to 250)</div> 
+                           <div class="short">render it as classic select for ios, not support dynamic load data (default false)</div> 
                        </div>
                        
                        <div class="mdesc">
                            <div class="long">
-                    The length of time in milliseconds to wait until the typeahead text is displayed<br/>if typeAhead = true (defaults to 250)
-                    
+                    render it as classic select for ios, not support dynamic load data (default false)
+                    <BR/>Possible Values: true, false
                 </div> 
                        </div>
                        
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt1">
+          <tr class="method-row expandable config-row-alt1 notInherited">
+            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+           
+            <td class="sig">
+                <a id="Roo.bootstrap.ComboBox-event-*afterremove"></a>
+                
+              <div class="fixedFont">
+               <b class="itemname">afterremove</b> (<a href="./Roo.bootstrap.ComboBox.html#constructor" roo:cls="Roo.bootstrap.ComboBox.html#constructor">Roo.bootstrap.ComboBox</a> <B><i>combo</i></B>) 
+               
+               </div>
+
+                <div class="mdesc">
+
+                   <div class="short">Fires when the remove value from the combobox array
+                  
+               </div> 
+                   
+                    <div class="long">
+                   
+                       Fires when the remove value from the combobox array
+                   
+                       
+                       
+               
+                       
+                               <dl class="detailList">
+                               <dt class="heading">Parameters:</dt>
+                               
+                                       <dt>
+                                               <span class="fixedFont"><a href="./Roo.bootstrap.ComboBox.html#constructor" roo:cls="Roo.bootstrap.ComboBox.html#constructor">Roo.bootstrap.ComboBox</a></span> <b>combo</b>
+                                               
+                                       </dt>
+                                       <dd>This combo box</dd>
+                               
+                               </dl>
+                       
+                       
+                       
+                       
+                       
+                       
+                       
+
+                   
+                   
+                    
+                    </div>                    
+                </div>
+
+            </td>
+            <td class="msource">
+                Roo.bootstrap.ComboBox
+            </td>
+        </tr>
+       
+          <tr class="method-row expandable config-row-alt0">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt0">
+          <tr class="method-row expandable config-row-alt1">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt1 notInherited">
+          <tr class="method-row expandable config-row-alt0 notInherited">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt0">
+          <tr class="method-row expandable config-row-alt1">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt1 notInherited">
+          <tr class="method-row expandable config-row-alt0 notInherited">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt0">
+          <tr class="method-row expandable config-row-alt1">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt1">
+          <tr class="method-row expandable config-row-alt0">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt0">
+          <tr class="method-row expandable config-row-alt1">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt1">
+          <tr class="method-row expandable config-row-alt0">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt0 notInherited">
+          <tr class="method-row expandable config-row-alt1 notInherited">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt1">
+          <tr class="method-row expandable config-row-alt0">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt0">
+          <tr class="method-row expandable config-row-alt1">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt1 notInherited">
+          <tr class="method-row expandable config-row-alt0 notInherited">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt0">
+          <tr class="method-row expandable config-row-alt1">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt1 notInherited">
+          <tr class="method-row expandable config-row-alt0 notInherited">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt0">
+          <tr class="method-row expandable config-row-alt1">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt1">
+          <tr class="method-row expandable config-row-alt0">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt0">
+          <tr class="method-row expandable config-row-alt1">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt1">
+          <tr class="method-row expandable config-row-alt0">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt0 notInherited">
+          <tr class="method-row expandable config-row-alt1 notInherited">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt1">
+          <tr class="method-row expandable config-row-alt0">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt0 notInherited">
+          <tr class="method-row expandable config-row-alt1 notInherited">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt1">
+          <tr class="method-row expandable config-row-alt0">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt0 notInherited">
+          <tr class="method-row expandable config-row-alt1 notInherited">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt1">
+          <tr class="method-row expandable config-row-alt0">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
             </td>
         </tr>
        
-          <tr class="method-row expandable config-row-alt0">
+          <tr class="method-row expandable config-row-alt1 notInherited">
+            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+           
+            <td class="sig">
+                <a id="Roo.bootstrap.ComboBox-event-*tick"></a>
+                
+              <div class="fixedFont">
+               <b class="itemname">tick</b> (<a href="./Roo.bootstrap.ComboBox.html#constructor" roo:cls="Roo.bootstrap.ComboBox.html#constructor">Roo.bootstrap.ComboBox</a> <B><i>combo</i></B>) 
+               
+               </div>
+
+                <div class="mdesc">
+
+                   <div class="short">Fires when tick the element
+                  
+               </div> 
+                   
+                    <div class="long">
+                   
+                       Fires when tick the element
+                   
+                       
+                       
+               
+                       
+                               <dl class="detailList">
+                               <dt class="heading">Parameters:</dt>
+                               
+                                       <dt>
+                                               <span class="fixedFont"><a href="./Roo.bootstrap.ComboBox.html#constructor" roo:cls="Roo.bootstrap.ComboBox.html#constructor">Roo.bootstrap.ComboBox</a></span> <b>combo</b>
+                                               
+                                       </dt>
+                                       <dd>This combo box</dd>
+                               
+                               </dl>
+                       
+                       
+                       
+                       
+                       
+                       
+                       
+
+                   
+                   
+                    
+                    </div>                    
+                </div>
+
+            </td>
+            <td class="msource">
+                Roo.bootstrap.ComboBox
+            </td>
+        </tr>
+       
+          <tr class="method-row expandable config-row-alt0 notInherited">
+            <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
+           
+            <td class="sig">
+                <a id="Roo.bootstrap.ComboBox-event-*touchviewdisplay"></a>
+                
+              <div class="fixedFont">
+               <b class="itemname">touchviewdisplay</b> (<a href="./Roo.bootstrap.ComboBox.html#constructor" roo:cls="Roo.bootstrap.ComboBox.html#constructor">Roo.bootstrap.ComboBox</a> <B><i>combo</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>cfg</i></B>) 
+               
+               </div>
+
+                <div class="mdesc">
+
+                   <div class="short">Fires when touch view require special display (default is using displayField)
+                  
+               </div> 
+                   
+                    <div class="long">
+                   
+                       Fires when touch view require special display (default is using displayField)
+                   
+                       
+                       
+               
+                       
+                               <dl class="detailList">
+                               <dt class="heading">Parameters:</dt>
+                               
+                                       <dt>
+                                               <span class="fixedFont"><a href="./Roo.bootstrap.ComboBox.html#constructor" roo:cls="Roo.bootstrap.ComboBox.html#constructor">Roo.bootstrap.ComboBox</a></span> <b>combo</b>
+                                               
+                                       </dt>
+                                       <dd>This combo box</dd>
+                               
+                                       <dt>
+                                               <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>cfg</b>
+                                               
+                                       </dt>
+                                       <dd>set html .</dd>
+                               
+                               </dl>
+                       
+                       
+                       
+                       
+                       
+                       
+                       
+
+                   
+                   
+                    
+                    </div>                    
+                </div>
+
+            </td>
+            <td class="msource">
+                Roo.bootstrap.ComboBox
+            </td>
+        </tr>
+       
+          <tr class="method-row expandable config-row-alt1">
             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
            
             <td class="sig">
 <!-- ============================== footer ================================= -->
                <div class="fineprint" style="clear:both">
                        
-                       Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Mon Mar 14 2016 12:01:40 GMT+0800 (HKT)
+                       Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Thu May 10 2018 15:50:15 GMT+0800 (HKT)
                        Based on 
                        <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>  
                </div>