Bootstrap Tags Inputの削除

Bootstrap Tags Inputの便利な機能で、バックスペースを押すと登録してあるタグを1つ削除するとこができるのですが、この機能を無効にするオプションなどあるでしょうか?

バックスペースを押しすぎて、登録済みのタグを削除してしまうミスをなくしたいと思っています。

英語のドキュメントばかりでなかなかみつけれず、もしご存知の方おられましたら教えていただきたいです。

行動規範の内容に同意します

回答2件

ベストアンサー

bootstrap-tagsinput.js のオプション定義部分のソースを見る限り、そのようなオプションはなさそうですね。

javascript
1/*
2 * bootstrap-tagsinput v0.8.0
3 * 
4 */
5
6(function ($) {
7  "use strict";
8
9  var defaultOptions = {
10    tagClass: function(item) {
11      return 'label label-info';
12    },
13    focusClass: 'focus',
14    itemValue: function(item) {
15      return item ? item.toString() : item;
16    },
17    itemText: function(item) {
18      return this.itemValue(item);
19    },
20    itemTitle: function(item) {
21      return null;
22    },
23    freeInput: true,
24    addOnBlur: true,
25    maxTags: undefined,
26    maxChars: undefined,
27    confirmKeys: [13, 44],
28    delimiter: ',',
29    delimiterRegex: null,
30    cancelConfirmKeysOnEmpty: false,
31    onTagExists: function(item, $tag) {
32      $tag.hide().fadeIn();
33    },
34    trimValue: false,
35    allowDuplicates: false,
36    triggerChange: true
37};

投稿2016/09/08 18:56

退会済みユーザー

総合スコア0

PotetoMan

2016/09/09 03:10

なるほど。。。そうだったんですね。。。お調べ頂いてありがとうございます!

退会済みユーザー

2016/09/09 04:50

jQuery のプラグインの構造はどれも同じなので、ソースを見れば、オプション部分はわかります。ぜひご自身でもソースを読むことをやってみてください。

行動規範の内容に同意します

【bootstrap-tagsinput/bootstrap-tagsinput.js at master · bootstrap-tagsinput/bootstrap-tagsinput · GitHub】
https://github.com/bootstrap-tagsinput/bootstrap-tagsinput/blob/master/src/bootstrap-tagsinput.js#L407

JavaScript
1          // BACKSPACE
2          case 8:
3            if (doGetCaretPosition($input[0]) === 0) {
4              var prev = $inputWrapper.prev();
5              if (prev.length) {
6                self.remove(prev.data('item'));
7              }
8            }
9break;