Question

我正在尝试使用selectize.js制作自定义选择框。到目前为止，它很容易配置，API支持所有内容。我需要做的最后一件事是禁用按退格键删除项目的选项。为此，我找不到任何调用属性来配置的方法。您对如何实现这一目标有任何想法吗？

另外，对我来说另一件事就是禁用“ibeam”。此功能允许您使用箭头键在所选项目之间导航。如果禁用此功能，用户将只能删除对我来说不是大问题的最后一项。

完美的解决方案是禁用两者，但禁用其中一个也可以。

由于

Answer 1

游戏有点晚......

我想停止退格删除项目，但保留删除按钮的功能。

我写了这个插件：

＆＃13;

Selectize.define("stop_backspace_delete", function (options) {
  var self = this;

  this.deleteSelection = (function() {
    var original = self.deleteSelection;

    return function (e) {
      if (!e || e.keyCode !== 8) {
        return original.apply(this, arguments);
      }

      return false;
    };
  })();
});

＆＃13;

Answer 2

我添加了3个新配置选项，将它们提交给github并制作了PR。

disableDelete：禁用“退格时删除”
disableCaret：禁用项目之间的移动
hidePlaceholder：当至少选择了一个项目时隐藏占位符

在公关被接受之前，这里是我的回购：https://github.com/deiucanta/selectize.js

Answer 3

我刚创建了一个Selectize插件，删除了用户取消选择选项的功能。它完全阻止通过退格键或删除按钮删除项目。

https://github.com/akrikos/selectize-no-delete

您需要包含js文件并将插件添加到您的选择选项中：

$('#selectElement').selectize({
  plugins: {
    'no-delete': {}
  }
});

Answer 4

要禁用删除，您可能会更改来源。您可以在此处获得相关的代码片段：https://github.com/brianreavis/selectize.js/blob/master/src/selectize.js#L434和https://github.com/brianreavis/selectize.js/blob/master/src/selectize.js#L1557

第二件事就是simillar。

Answer 5

我不知道较早的版本。

但是现在您只需添加配置即可。

persist: true.

禁用“在退格时删除”（或完全删除ibeam）

5 个答案: