silverstripe-tagfield/js/TagField.js

83 lines
1.9 KiB
JavaScript
Raw Normal View History

2015-04-14 03:15:28 +02:00
/**
* Register TagField functions with fields.
*/
(function ($) {
/*
* The multiple-select plugin (Chosen) applies itself to everything!
* We have to remove it before selectively applying select2, or
* we'll see an extra field where there should be only one.
*/
$.fn.chosenDestroy = function () {
var $this = $(this);
if ($this.siblings('.chosen-container').length) {
$this
.show() // The field needs to be visible so Select2 evaluates the width correctly.
.removeClass('chosen-done')
.removeClass('has-chosen')
.next()
.remove();
}
return $this;
2015-04-14 03:15:28 +02:00
};
$.entwine('ss', function ($) {
2015-04-14 03:15:28 +02:00
$('.ss-tag-field.has-chosen + .chosen-container, .ss-tag-field:not(.has-chosen)').entwine({
2015-04-21 23:18:59 +02:00
applySelect2: function () {
var self = this,
$select = $(this);
if ($select.prev().hasClass('ss-tag-field')) {
$select = $select.prev();
}
2015-04-21 23:18:59 +02:00
// There is a race condition where Select2 might not
// be bound to jQuery yet. So here we make sure Select2
// is defined before trying to invoke it.
if ($.fn.select2 === void 0) {
return setTimeout(function () {
self.applySelect2();
}, 0);
}
var options = {
'tags': true,
'width': 'resolve',
'tokenSeparators': [',']
};
if ($select.attr('data-can-create') == 0) {
options.tags = false;
}
2015-05-15 12:29:17 +02:00
if ($select.attr('data-ss-tag-field-suggest-url')) {
options.ajax = {
2015-05-15 12:29:17 +02:00
'url': $select.attr('data-ss-tag-field-suggest-url'),
'dataType': 'json',
'delay': 250,
'data': function (params) {
return {
'term': params.term
};
},
'processResults': function (data) {
return {
'results': data.items
};
},
'cache': true
}
}
$select
.chosenDestroy()
.select2(options);
2015-04-21 23:18:59 +02:00
},
onmatch: function () {
2015-04-21 23:18:59 +02:00
this.applySelect2();
2015-04-14 03:15:28 +02:00
}
});
});
})(jQuery);