JQuery Combogrid input for Twi
Bootstrap Combogrid
Examples
JQuery Combogrid input for Twitter Bootstrap v4.x
Getting StartedFor use with Bootstrap v3.x, use the latest v1.x version of the plugin.
In your web page:
<script src="jquery.js"></script> <script src="dist/bs-combogrid.min.js"></script> <link rel="stylesheet" href="dist/jquery.bs-combogrid.min.css"> <script> jQuery(function($) { $('input').bs_combogrid(options); }); </script> Documentation
options is an object with the following keys:
| Name | Type | Default | Description |
|---|---|---|---|
length |
{Int} | 10 | Number of rows per page. |
emptyMessage |
{String} | 'No results were found' | Text shown when a search returns no results. |
ajax |
{Object} | {} |
An settings object just like the one passed to $.ajax().At least the url parameter is needed. |
searchButton |
{String|boolean} | false |
The CSS selector of the button that triggers the search, or false if no button is used.Note that pressing Enter always submits the search, regardless of using a search button or not. |
onItemSelect |
{function} | See source code | A function that is run when the user selects one of the returned results, which only parameter is the selected row data. By default, it searches in the selected row for a key:value pair whose key matches the input name and sets its value to the input. |
tableClass |
{String} | mb-0 table-hover table-sm |
Extra classes added to the results table. |
containerWidth |
{String|null} | null |
If informed, sets the container's css width to the specified value. |
At the root folder, run npm run demo, browse to https://localhost:8080 and try searching some videogame titles and consoles!
版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
