修改select2插件让其可以根据输入数据类型决定从几个字符开始发送请求

In the beginning，我要说，我对select2不熟。只是工作中用到所以草草的看了看它的文档。

直奔主题，工作中需要根据用户的名字或手机号来搜索用户，同时因为用户数太多，不能用户的每次的输入都去后台查一遍，所以就要用到select2提供的minimumInputLength来控制从指定的最少字符开始才发送请求。变态的出现啦，对于名字跟手机号不能设定同样的数值。所以需要把minimumInputLength做成一个函数，动态的决定它的数值。而select2本身却把minimumInputLength看作是数字，需要修改select2的源代码了。接下来就说说都修改了哪些地方。主要有两个地方defaults.js和minimumInpoutLength.js。

先说defaults.js,找到一下代码：

if (options.minimumInputLength >0) {
        options.dataAdapter = Utils.Decorate(
          options.dataAdapter,
          MinimumInputLength
        );
      }

把它修改成：

if (options.minimumInputLength) {
        options.dataAdapter = Utils.Decorate(
          options.dataAdapter,
          MinimumInputLength
        );
      }

这段代码让我有点惊讶，竟然用的是装饰者模式，有机会一定要把select2的代码读一遍，学习一下人家的思想:)

然后是minimumInputLength.js:

找到query方法，修改成如下：

  MinimumInputLength.prototype.query = function (decorated, params, callback) {
    params.term = params.term || '';
    var minimumInputLength = typeof(this.minimumInputLength)==='function' && this.minimumInputLength(params) || this.minimumInputLength;


    if (params.term.length < minimumInputLength) {
      this.trigger('results:message', {
        message: 'inputTooShort',
        args: {
          minimum: minimumInputLength,
          input: params.term,
          params: params
        }
      });


      return;
    }


    decorated.call(this, params, callback);
  };