github/bootstrap
1
1
Fork 0
mirror of https://github.com/jasny/bootstrap.git synced 2026-04-24 03:00:49 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fixed typeahead issues

Browse Source 
Added typeahead tests
Added new features of typeahead to docs
This commit is contained in:
Arnold Daniels
2012-12-25 04:33:21 +01:00
parent 90bb013e1b
commit a78e874844
11 changed files with 408 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
docs/javascript.html
View File

@@ -1633,6 +1633,7 @@ $('.carousel').carousel({
<h1>Typeahead <small>bootstrap-typeahead.js</small></h1>
</div>
<div class="alert alert-info"><b>Heads up!</b> This version of typeahead superseeds the original one and supports AJAX and key/value pairs.</div>
<h2>Example</h2>
<p>A basic, easily extended plugin for quickly creating elegant typeaheads with any form text input.</p>
@@ -1641,7 +1642,73 @@ $('.carousel').carousel({
</div>
<pre class="prettyprint linenums">&lt;input type="text" data-provide="typeahead"&gt;</pre>
<div class="bs-docs-example" style="background-color: #f5f5f5;">
<select class="span3" data-provide="typeahead" data-items="4">
<option value="AL">Alabama</option>
<option value="AK">Alaska</option>
<option value="AZ">Arizona</option>
<option value="AR">Arkansas</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaiʻi</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="IA">Iowa</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="ME">Maine</option>
<option value="MD">Maryland</option>
<option value="MA">Massachusetts</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MS">Mississippi</option>
<option value="MO">Missouri</option>
<option value="MT">Montana</option>
<option value="NE">Nebraska</option>
<option value="NV">Nevada</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NY">New York</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VT">Vermont</option>
<option value="VA">Virginia</option>
<option value="WA">Washington</option>
<option value="WV">West Virginia</option>
<option value="WI">Wisconsin</option>
<option value="WY">Wyoming</option>
</select>
</div>
<pre class="prettyprint linenums">
&lt;select class="span3" data-provide="typeahead" data-items="4"&gt;
&lt;option value="AL"&gt;Alabama&lt;/option&gt;
&lt;option value="AK"&gt;Alaska&lt;/option&gt;
&lt;option value="AZ"&gt;Arizona&lt;/option&gt;
&lt;option value="AR"&gt;Arkansas&lt;/option&gt;
&lt;option value="CA"&gt;California&lt;/option&gt;
&lt;option value="CO"&gt;Colorado&lt;/option&gt;
&lt;option value="CT"&gt;Connecticut&lt;/option&gt;
...
&lt;/select&gt;
</pre>
<hr class="bs-docs-separator">
@@ -1668,9 +1735,9 @@ $('.carousel').carousel({
<tbody>
<tr>
<td>source</td>
<td>array, function</td>
<td>array, object, string, function</td>
<td>[ ]</td>
<td>The data source to query against. May be an array of strings or a function. The function is passed two arguments, the <code>query</code> value in the input field and the <code>process</code> callback. The function may be used synchronously by returning the data source directly or asynchronously via the <code>process</code> callback's single argument.</td>
<td>The data source to query against. May be an array of strings, an object as key/value pairs, a url (string) or a function. The function is passed two arguments, the <code>query</code> value in the input field and the <code>process</code> callback. The function may be used synchronously by returning the data source directly or asynchronously via the <code>process</code> callback's single argument.</td>
</tr>
<tr>
<td>items</td>
@@ -1684,6 +1751,12 @@ $('.carousel').carousel({
<td>1</td>
<td>The minimum character length needed before triggering autocomplete suggestions</td>
</tr>
<tr>
<td>ajaxdelay</td>
<td>number</td>
<td>400</td>
<td>The time between typing and doing an AJAX request. Limiting the number of requests for fast typers.</td>
</tr>
<tr>
<td>matcher</td>
<td>function</td>
@@ -1714,6 +1787,9 @@ $('.carousel').carousel({
<h3>Methods</h3>
<h4>.typeahead(options)</h4>
<p>Initializes an input with a typeahead.</p>
<h3>Result</h3>
<p>If the source are key/value pairs, the <code>data-value</code> attribute will contain the key.</p>
</section>