jshimko / meteor-autoform-selectize Goto Github PK

I'm having issues with the subjected package overriding the bootstrap theme. Can you remove the inter-dependency? Or alternately, remove the default css from the jeremy:selectize pacakge.

Thanks!

I have created my selectize attribute as instructed in the docs however the form displays like so .

http://screencast.com/t/fB8yWzauiy .

Any advice will be greatly appreciated.

Thanks for publishing this package.

I apologize if this is an oversight on my part. I am using Autoform 5.0.3. I have a helper with:

Template.registerHelper( "ops_skills" , function () { return { 
"Oracle EBS-GL": "Oracle EBS-GL",
"Oracle EBS-PO": "Oracle EBS-PO" 
}; } );

schema definition:
skillTags: {type: [String], optional:true, maxCount:8, label:"Tags" }

template tag:
{{> afQuickField name="skillTags" label=false type="selectize" multiple=true options=ops_skills }}

in meteor mongo I get:

"skillTags" : { "0" : "Oracle EBS-PO", "1" : "Oracle EBS-GL" }

but on re-loading the page nothing appears in the input field. Is the value supposed to be a dict? I was expecting from the schema def to see an array of strings?

Side effects I also experienced, which may be relevant:

• the field is not respecting maxCount.
• a nuanced error: if I select two items and save, I get {"0":"Item0", "1":"Item1"} . If I immediately click on Item0 and delete it, then save, I end up with {"0":"Item1", "1":"Item1"}.

Cheers,

Does this package support HTML formatting for the list items? I tried the following code, however the tags do not get formatted:

    order_tests: {
        type: [String],
        autoform: {
            type: 'selectize',
            placeholder: 'Click here to add tests...',
            multiple: true,
            label: false,
            options: function() {
                return _.map(tests.find({}, {sort: {test_name: 1}}).fetch(), function(item) {
                    return {value: item._id, label: function(){
                            return '<h1>' + item.test_name + '</h1> - Free'
                        }
                    }}
                })
            },
            selectizeOptions: {
                plugins: ['remove_button']
            }
        }
    }

I was looking through the source code wondering how to handle reactive options and stumbled upon isReactiveOptions. At first it looked very promising but I haven't been able to get it working. I have the following in my template:

{{> afQuickField name="homeCourt" type="selectize" selectizeOptions=homeCourtOptions isReactiveOptions=true multiple=true placeholder="First choose your Home City above..."}}

The homeCourtOptions function then returns an object with its 'options' property set to an array which is computed using a reactive variable. I can see the reactivity triggering a re-compute of homeCourtOptions, however, it doesn't appear that the object being returned from homeCourtOptions is being used by the autoform-selectize package to re-compute the options. Is there something else I need to do?