All geek questions in one place

X-editable-bootstrap select2 tags - the progress bar keeps spinning forever

I am using Meteor with the installed Meteorite (and bootstrap) x-editable-bootstrap package.

When I set editable select2 tags, the progress bar keeps spinning forever, without entering tags. I tried a lot, I hope someone can help!

in my template i have

<div id="editableStuff" data-title="Blah enter tags plz">Apple, Banana</div>

in my Template.rendered I hava jQuery on-dom-ready à la function

 $(function(){ $('#editableStuff:not(.editable-click)').editable('destroy').editable({ success: function(response, newValue) { Session.set('tmp'+name,newValue); }, placement:'left', select2: { tags: ['cake', 'cookies'], tokenSeparators: [",", " "] }, type:'select2' }); };

which creates the default item on the dotted line page. When you click on an item, a pop-up window appears with the ability to edit x, but it does not load the input field, the download indicator simply continues to rotate.

The following error is written to the console:

TypeError: 'undefined' is not a function (evaluating 'this.$input.select2(this.options.select2)')

in x-editable-bootstrap.js:3683

I found out that when I delete type:'select2' in editable({..}) , the text field loads, but does not have tag functionality.

Any ideas? Thanks so much for any hint! Other x-editable types, such as address and text , work like a charm using the above code templates!

+4
source share
2 answers

I did not try the meteor, but had the same problem in Rails. It turns out x-editable-bootstrap does not automatically appear with select2.js. Make sure you also download select2.js

0
source

You are missing select2.js. You can download select2 here http://ivaynberg.imtqy.com/select2/

0
source

Source: https://habr.com/ru/post/1499811/

More articles:


All Articles