Quick[select] http://quick-select.wstone.io

A jQuery plugin for quick selection of common options in select boxes. Selectual.

Quick[select] doesn't support Internet Explorer 9

Base

All options

Disabled

See the usage documentation at http://quick-select.wstone.io

Usage


require(['jquery', 'px-libs/jquery.quickselect'], function($) {
  ...
});

Usage

To use quickselect plugin, you need to include the next scripts:


<script src="path/to/js/libs/jquery.quickselect.js"></script>
<script src="path/to/js/pixeladmin/directives/angular-quickselect.js"></script>

Then inject the plugin into your angular application:

angular.module('yourApp', ['angular-quickselect']);

Alternatively, you can include quickselect plugin using ocLazyLoad plugin:


$ocLazyLoad.load([
  {
    name: 'angular-quickselect',
    files: [
      'path/to/js/libs/jquery.quickselect.js',
      'path/to/js/pixeladmin/directives/angular-quickselect.js',
    ],
  },
]);

quickselect directive

quickselect directive requires ngModel to be on the element.

You can use quickselect directive on select elements. And when the scope is destroyed the directive will be destroyed.

Options

quickselect's options can be specified as attributes (see the plugin's documentation). All options expect an angular expression instead of a literal string.

  • active-button-class
  • break-out-all
  • break-out-values
  • button-class
  • button-default-class
  • button-required-class
  • button-tag
  • namespace
  • select-default-text
  • wrapper-class

<select quickselect ng-model="selectModel"
        button-class="'btn btn-default'"
        active-button-class="'btn-primary active'"
        break-out-values="['Breakfast', 'Lunch', 'Dinner']"
        select-default-text="'Other'"
        wrapper-class="'btn-group'">
  ...
</select>