jquery - 当搜索未返回结果时，Select2 过滤器值消失

Question

我正在使用带有 yadcf 和 select2 的 DataTables 服务器端实现来添加功能。用于填充表的数据是通过对 Django View 的 Ajax 请求获取的，就像 select2 自动完成功能的数据一样；但来自单独的 Django View 。

我的问题如下。如果搜索查询不会返回结果，则 select2 搜索字段中的值将消失并且无法在 DataTables 中重置 - 您必须刷新页面。非 select2 字段中的值仍然可见并且可以重置。

有问题的列中的过滤器类型为 multi_select，选择类型为 select2。无问题列中的过滤器类型为使用 bootstrap-datetimepicker 作为日期选择器类型的 range_date 和 range_date。

以下是我的 select2 列参数。

{
 "column_number": 3,
 "filter_type": "multi_select",
 "select_type": "select2",
 "select_type_options": {
    dropdownCssClass : 'bigdrop',
    multiple: true,
    minimumInputLength: 1,
    ajax: {
      url: '{% url 'ffTestApp:searchData' 'product' %}',
      delay: 250,
      dataType: 'json',
      data: function (params) {
        return {
          q: params.term,
          v: yadcf.exGetColumnFilterVal(table,4),
          s: yadcf.exGetColumnFilterVal(table,5)
        };
      },
      processResults: function (data, params) {
        params.page = params.page || 1;
        return {
          results: data.items
        };
      },
    },
    escapeMarkup: function (markup) { return markup; },
    templateResult: function(data) {
      return data.id;
    },
    templateSelection: function(data) {
      return data.id;
    }
  }
}

下面是我的 Django View ，用于提供自动完成功能。

def searchData(request, column):
    try:
        q = request.GET.getlist('q')[0]
    except:
        pass
    else:
        if q != "":
            try:
                products = request.GET.getlist('p[]')
            except:
                pass
            else:
                product_q = list()
                for p in products:
                    product_q.append("p.name='{}'".format(p))
                if len(product_q)>0:
                    product_q = "({}) AND ".format(" OR ".join(product_q))
                else:
                    product_q = ""

            try:
                versions = request.GET.getlist('v[]')
            except:
                pass
            else:
                version_q = list()
                for v in versions:
                    version_q.append("tp.version='{}'".format(v))
                if len(version_q)>0:
                    version_q = "({}) AND ".format(" OR ".join(version_q))
                else:
                    version_q = ""

            try:
                serials = request.GET.getlist('s[]')
            except:
                pass
            else:
                serial_q = list()
                for v in serials:
                    serial_q.append("s.serial='{}'".format(v))
                if len(serial_q)>0:
                    serial_q = "({}) AND ".format(" OR ".join(serial_q))
                else:
                    serial_q = ""

            autoComplete = connection.cursor()
            if column == "product":
                query = "SELECT DISTINCT p.name FROM ffTestApp.ffTestApp_product AS p INNER JOIN ffTestApp.ffTestApp_testprogram AS tp " \
                    "ON tp.product_id=p.id INNER JOIN ffTestApp.ffTestApp_session AS s ON s.test_program_id = tp.id " \
                    "WHERE {1}{2}p.name REGEXP '{0}' ORDER BY p.name ASC;".format(q, version_q, serial_q)
            elif column == "version":
                query = "SELECT DISTINCT tp.version FROM ffTestApp.ffTestApp_testprogram AS tp INNER JOIN ffTestApp.ffTestApp_session AS s " \
                    "ON s.test_program_id=tp.id INNER JOIN ffTestApp_product AS p ON tp.product_id=p.id WHERE {1}{2}tp.version REGEXP '{0}'" \
                    " ORDER by tp.version;".format(q, product_q, serial_q)
            elif column == "serial":
                query = "SELECT DISTINCT s.serial FROM ffTestApp.ffTestApp_session AS s INNER JOIN ffTestApp_testprogram AS tp ON s.test_program_id=tp.id" \
                    " INNER JOIN ffTestApp_product AS p ON tp.product_id=p.id WHERE {1}{2}" \
                    "s.serial REGEXP '{0}' ORDER BY s.serial;".format(q, product_q, version_q)
            elif column == "status":
                query = "SELECT DISTINCT final FROM ffTestApp.ffTestApp_session WHERE final REGEXP '{0}' ORDER BY final;".format(q)

            autoComplete.execute(query)
            m = []
            for i in autoComplete.fetchall():
                value = dict()
                value["id"] = i
                m.append(value)
            results = {"items": m}
    return JsonResponse(results, safe=False)

谢谢。

Answer 1

为 select2 添加以下代码:

$('select').select2({
    minimumResultsForSearch: -1
});