我正在使用DataTables的服务器端实现,使用yadcf和select2来增加功能。用于填充表的数据是通过对Django视图的Ajax请求获取的,select2自动完成功能的数据也是如此;但是从一个单独的Django视图。
我的问题如下。如果搜索查询不返回结果,则select2搜索字段中的值将消失,并且无法在DataTable中重置 - 您必须改为刷新页面。非select2字段中的值仍然可见,可以重置。
有问题列中的过滤器类型为multi_select
,其选择类型为select2
。
非问题列中的过滤器类型为range_date
和range_date
,使用bootstrap-datetimepicker
作为datepicker类型。
以下是我的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视图。
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)
谢谢。
答案 0 :(得分:2)
为select2添加以下代码:
$('select').select2({
minimumResultsForSearch: -1
});