修改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);

  };