Skip to main content

Fanstatic package providing a js table select widget.

Project description

js.tableselect

Introduction

This library provides a widget which you can use to transform a multiselect to a searchable sortable table which has selectable rows. Packaged for fanstatic.

Create and use

Once included, simply call $(select_element).tableselect(); to transform your simple multiselect element to a searchable table select widget containing values and labels. Click on rows to select them.

aoColumn and aaData values need to be provided in the global “tableselect” object with the Id of the original multiselect as key. First column must contain the values of the options of the original multiselect. In the example below this column is hidden:

tableselect[‘my_multiselect’][‘aoColumns’] = [

{“bVisible”: false, “bSearchable”: false}, {“sTitle”: “Title”, “bSearchable”: true}, {“sTitle”: “Description”, “bSearchable”: true}];

tableselect[‘my_multiselect’][‘aaData’] = [

[“value_of_first_option”, “title”, “description”], [“value_of_second_option”, “foo”, “bar”]] ;

$(‘#my_multiselect’).tableselect();

CHANGES

0.1 (2013-09-12)

  • Initial release

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

js.tableselect-0.1.zip (7.5 kB view hashes)

Uploaded Source

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page