Javascript jQuery自动完成插件-minLength无效
autocomplete工作正常,但它显示的是一个字符的自动建议框,我想将其更改为仅在输入>=3时显示自动建议框。Javascript jQuery自动完成插件-minLength无效,javascript,jquery,datatables,jquery-autocomplete,Javascript,Jquery,Datatables,Jquery Autocomplete,autocomplete工作正常,但它显示的是一个字符的自动建议框,我想将其更改为仅在输入>=3时显示自动建议框。 我一直在尝试插入“minLength”选项,但没有任何效果。 我已尝试将第六行修改为: .autocomplete(conf.opts, minLength: 3 || {}); 但是没有成功。 这是我的JS文件: var myEditor; // AutoComplete FieldType $.fn.dataTable.Editor.fieldTypes.autoCompl
我一直在尝试插入“minLength”选项,但没有任何效果。
我已尝试将第六行修改为:
.autocomplete(conf.opts, minLength: 3 || {});
但是没有成功。
这是我的JS文件:
var myEditor;
// AutoComplete FieldType
$.fn.dataTable.Editor.fieldTypes.autoComplete = $.extend(true, {}, $.fn.dataTable.Editor.models.fieldType, {
"create": function (conf) {
conf._input = $('<input type="text" id="' + conf.id + '">')
.autocomplete(conf.opts || {});
return conf._input[0];
},
"get": function (conf) {
return conf._input.val();
},
"set": function (conf, val) {
conf._input.val(val);
},
"enable": function (conf) {
conf._input.autocomplete('enable');
},
"disable": function (conf) {
conf._input.autocomplete('disable');
},
// Non-standard Editor method - custom to this plug-in
"node": function (conf) {
return conf._input;
}
});
$(document).ready(function () {
myEditor = new $.fn.dataTable.Editor({
"ajaxUrl": "./php/pTreinamentos.php",
"domTable": "#example",
"fields": [{
"label": "Tema",
"name": "tema",
"type": "autoComplete",
"opts": {
"source": ['banana']
}
}
]
});
// DataTable
var oTable = $('#example').dataTable({
"sDom": "<'row-fluid'<'span6'T><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
"sAjaxSource": "./php/pTreinamentos.php",
"bFilter": true,
"bAutoWidth": false,
"iDisplayLength": 20,
"aoColumns": [{
"mData": "tema"
}
],
"oTableTools": {
"sSwfPath": "../../TableTools/media/swf/copy_csv_xls_pdf.swf",
"sRowSelect": "single",
"sPaginationType": "bootstrap",
"aButtons": [{
"sExtends": "editor_create",
"editor": myEditor
}, {
"sExtends": "editor_edit",
"editor": myEditor
}, {
"sExtends": "editor_remove",
"editor": myEditor
}
]
}
});
});
var-myEditor;
//自动完成字段类型
$.fn.dataTable.Editor.fieldTypes.autoComplete=$.extend(true,{},$.fn.dataTable.Editor.models.fieldType{
“创建”:函数(conf){
形态输入=$('')
.autocomplete(conf.opts | |{});
返回conf.\u输入[0];
},
“get”:函数(conf){
返回conf._input.val();
},
“set”:函数(conf,val){
conf._input.val(val);
},
“启用”:功能(配置){
conf._input.autocomplete('enable');
},
“禁用”:功能(配置){
conf._input.autocomplete('disable');
},
//非标准编辑器方法-自定义此插件
“节点”:功能(配置){
返回conf.\u输入;
}
});
$(文档).ready(函数(){
myEditor=new$.fn.dataTable.Editor({
“ajaxUrl”:“/php/pTreinamentos.php”,
“domTable”:“示例”,
“字段”:[{
“标签”:“Tema”,
“名称”:“tema”,
“类型”:“自动完成”,
“选择”:{
“来源”:[“香蕉”]
}
}
]
});
//数据表
var oTable=$(“#示例”).dataTable({
“sDom”:“t”,
“sAjaxSource”:“/php/pTreinamentos.php”,
“bFilter”:没错,
“bAutoWidth”:假,
“iDisplayLength”:20,
“aoColumns”:[{
“mData”:“tema”
}
],
“可旋转工具”:{
“sSwfPath”:“../../TableTools/media/swf/copy\u csv\u xls\u pdf.swf”,
“sRowSelect”:“single”,
“sPaginationType”:“引导程序”,
“阿布顿”:[{
“sExtends”:“编辑器创建”,
“编辑”:我的编辑
}, {
“编辑”:“编辑”,
“编辑”:我的编辑
}, {
“sExtends”:“editor_remove”,
“编辑”:我的编辑
}
]
}
});
});
解决方案是在字段结构中添加选项
"fields": [{
"label": "Data",
"name": "data",
"type": "autoComplete",
"opts": {
"source": ['banana'],
"minLength": 3
}