lazyselectize

lazyselectize.js

Lazyselectize is an extensible selectize-based custom <select> UI control. It allows to process scroll event in dropdown and download options if scroll is in bottom of the dropdown

Features

• Features inherited from selectize

Dependencies

• jquery (1.7 and greater)
• selectize (bundled in "standalone" build)

Files

All pre-built files needed to use Selectize can be found in the "dist" folder.

• js/
  • standalone/
    • selectize.js — With dependencies, minus jquery
  • lazyselectize.js
• less/
  • selectize.less — Core styles
  • selectize.default.less — Default theme
  • selectize.bootstrap2.less — Bootstrap 2 theme
  • selectize.bootstrap3.less — Bootstrap 3 theme
  • plugins/ — Individual plugin styles
• css/
  • selectize.css — Core styles
  • selectize.default.css — Default theme (with core styles)
  • selectize.bootstrap2.css - Bootstrap 2 theme
  • selectize.bootstrap3.css - Bootstrap 3 theme

Usage

$('select').lazyselectize(options);

The available selectize options are documented here. Options object may include both selectize and lazyselectize options.

Lazyselectize Options

<tr>
	<th valign="top" colspan="4" align="left"><a href="#general" style="color: red" name="general">Non-configurable options </a></th>
</tr>
<tr>
	<th valign="top" width="120px" align="left">Option</th>
	<th valign="top" colspan="3" align="left">Description</th>
</tr>
<tr>
	<td valign="top"><code>load(callback, query)</code></td>
	<td  colspan="3">Invoked when new options should be loaded from the server. Defined in lazyselectize.js</td>
</tr>
<tr>
	<td valign="top"><code>onDropdownOpen($dropdown)</code></td>
	<td colspan="3">Invoked when the dropdown opens. Defined in lazyselectize.js</td>
</tr>

General
Option	Description	Type	Default
loadItemsUrl	An url to download selectize dropdown options. Necessary url parameters: keyword - search string index - number of data portion(Start value: 0. Each time when scroll moves down it increases by 1)	url, required
disableScore	If true, selectize score function will be disabled. Dropdown items order will be defined in your server method.	bool	false

IE8 Support

To support Internet Explorer 8, es5-shim must be added your page.

<!--[if lt IE 9]><script src="http://cdnjs.cloudflare.com/ajax/libs/es5-shim/2.0.8/es5-shim.min.js"></script><![endif]-->