Jquery ui Jqgrid+;JQuery自动完成多输入
我已经设置好了网格,并且工作得很好。我想在JqGrid的表单视图中添加多输入自动完成功能。多重自动完成功能可以工作,但extractLast功能似乎不起作用,我可以添加重复输入。 代码如下:Jquery ui Jqgrid+;JQuery自动完成多输入,jquery-ui,jqgrid,autocomplete,Jquery Ui,Jqgrid,Autocomplete,我已经设置好了网格,并且工作得很好。我想在JqGrid的表单视图中添加多输入自动完成功能。多重自动完成功能可以工作,但extractLast功能似乎不起作用,我可以添加重复输入。 代码如下: var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure",
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
function split( val ) {
return val.split( /,\s*/ );
}
function extractLast( term ) {
return split( term ).pop();
}
function autocomplete_element(value, options) {
// creating input element
var $ac = $('<input type="text"/>');
// setting value to the one passed from jqGrid
$ac.val(value);
// creating autocomplete
$ac.autocomplete(
{source: function( request, response ) {
// delegate back to autocomplete, but extract the last term
response( $.ui.autocomplete.filter(
availableTags, extractLast( request.term ) ) );
},
focus: function() {
// prevent value inserted on focus
return false;
},
select: function( event, ui ) {
var terms = split( this.value );
// remove the current input
terms.pop();
// add the selected item
terms.push( ui.item.value );
// add placeholder to get the comma-and-space at the end
terms.push( "" );
this.value = terms.join( ", " );
return false;
}
});
// returning element back to jqGrid
return $ac;
}
function autocomplete_value(elem, op, value) {
if (op == "set") {
$(elem).val(value);
}
return $(elem).val();
}
我是从
及
有什么建议吗
更新看起来,jQuery UI站点上的示例也允许多次选择同一元素。问题出在
source
函数中-在创建建议列表时,它总是根据所有可用术语检查最后一个术语
修改选择回调以仅显示字段中尚未出现的术语
source: function(request, response) {
var terms = request.terms.split(/,\s*/);
var last_term = terms.pop();
var tags = $.grep(availableTags, function(el) {
return $.inArray(el, terms) == -1);
});
response($.ui.autocomplete.filter(tags, last_term))
}
source: function(request, response) {
var terms = request.terms.split(/,\s*/);
var last_term = terms.pop();
var tags = $.grep(availableTags, function(el) {
return $.inArray(el, terms) == -1);
});
response($.ui.autocomplete.filter(tags, last_term))
}