An add-on Meteor package for aldeed:autoform. Provides a single custom input type, "select2", which renders an input using the select2 plugin.
You must use select2 4.0+.
Option 1:
Add this to <head>:
<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>Option 2:
Install the NPM package (and its jQuery dependency):
$ meteor npm i --save jquery select2Then in your client/main.js:
import 'select2';
import 'select2/dist/css/select2.css';Option 3:
Get the files from GitHub and add them directly in your app /client/lib folder.
In a Meteor app directory, enter:
$ meteor add aldeed:autoformIf using with Bootstrap, you can add the theme.
$ meteor npm i --save select2-bootstrap-themeAnd add an additional import AFTER the other two in your client/main.js:
import 'select2';
import 'select2/dist/css/select2.css';
import 'select2-bootstrap-theme/dist/select2-bootstrap.css';In a Meteor app directory, enter:
$ meteor add aldeed:autoform-select2Specify "select2" for the type attribute of any input. This can be done in a number of ways:
In the schema, which will then work with a quickForm or afQuickFields:
{
tags: {
type: Array,
autoform: {
type: 'select2',
afFieldInput: {
multiple: true
}
}
},
'tags.$': String
}Or on the afFieldInput component or any component that passes along attributes to afFieldInput:
{{> afQuickField name="tags" type="select2" multiple=true}}
{{> afFormGroup name="tags" type="select2" multiple=true}}
{{> afFieldInput name="tags" type="select2" multiple=true}}To provide select2 options, set a select2Options attribute equal to a helper function that returns the options object. Most of the data- attributes that the plugin recognizes should also work.
Example:
{{> afFieldInput name="tags" type="select2" multiple=true select2Options=s2Opts}}Template.example.helpers({
s2Opts() {
return { placeholder: 'foo', tags: true };
},
});Anyone is welcome to contribute. Fork, make your changes, and then submit a pull request.