Skip to content

Features/support preselection and caption on options#401

Merged
davidstutz merged 7 commits intodavidstutz:masterfrom
kayhadrin:features/support-preselection-and-caption-on-options
Oct 13, 2014
Merged

Features/support preselection and caption on options#401
davidstutz merged 7 commits intodavidstutz:masterfrom
kayhadrin:features/support-preselection-and-caption-on-options

Conversation

@kayhadrin
Copy link
Contributor

@kayhadrin kayhadrin commented Oct 9, 2014

  1. Add ability to make an option pre-selected from dataprovider().

    var data = [
    { label: 'Cheese', value: 'cheese', selected: true },
    { label: 'Tomatoes', value: 'tomatoes' }
];
$('multiselect').multiselect('dataprovider', data);

  2. Add ability to set a title attribute on the option LABEL tags (visible on hover) from the OPTION[title] attribute.

    You can do it with the raw HTML select box:

    <select id="example54" multiple="multiple">
  <option value="cheese" title="Smelly">Cheese</option>
  <option value="tomatoes" title="Handsome">Tomatoes</option>
  <option value="mozarella" title="Italian">Mozzarella</option>
</select>

    Or you can do it with dataprovider() as follow:

    var data = [
    { label: 'Cheese', value: 'cheese', caption: 'Swiss cheese' },
    { 
      title: 'This is an optgroup title',
      children: [
        { label: 'Cheese', value: 'cheese', caption: 'Smelly' },
        { label: 'Tomatoes', value: 'tomatoes', caption: 'Handsome' }
      ]
    }
];
$('multiselect').multiselect('dataprovider', data);

@kayhadrin
Add ability to make some OPTION tags selected by default as per provi…
b853206 
…ded data

Just set the 'selected' property to true on the data item
Works also for optgroup's options.

Also use jQuery tag constructor and attribute setter to avoid HTML filtering issues
@kayhadrin
Add ability to handle the "caption" property from the dataprovider() …
99e6023 
…to display a title on hover of each option label

Update doc
@kayhadrin
Create the title attributes from data
9571dd5
@kayhadrin
Show that the dataprovider method supports selected and caption p…
7f80e5a 
…roperties
@kayhadrin
Document support of title attribute on OPTION tags
c100d59
@kayhadrin
Ignore intelliJ project file
81328b1
@kayhadrin
Set the input tag type and name with jQuery's attr() method to avoid …
e641c1d 
…any string escaping issue

Factorise some code too
@davidstutz
Copy link
Owner

davidstutz commented Oct 13, 2014

Just for reference: #385 does also add titles for options.

@davidstutz davidstutz mentioned this pull request Oct 13, 2014
Closed
davidstutz added a commit that referenced this pull request Oct 13, 2014
@davidstutz
Merge pull request #401 from kayhadrin/features/support-preselection-…
4690752 
…and-caption-on-options

#385, #384: titles for options, supporting dataprovider; dataprovider with preselected options.
@davidstutz davidstutz merged commit 4690752 into davidstutz:master Oct 13, 2014
@davidstutz
Copy link
Owner

davidstutz commented Oct 13, 2014

Thanks for your work!

@kayhadrin kayhadrin deleted the features/support-preselection-and-caption-on-options branch October 13, 2014 13:22
@kayhadrin
Copy link
Contributor Author

kayhadrin commented May 5, 2015

Cheers!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

enhancement

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@kayhadrin @davidstutz