自动完成文本框中逗号分隔的多个值.我想用List<字符串>在控制器类中可用
Autocomplete comma separated multiple values in textbox. I want to replace hardcoded values with List<String> available in controller class
我正在努力用控制器类中可用的list替换JSON源列表。
下面的代码运行良好。但我想通过将调用重定向到控制器方法(使用url),将硬编码列表"available Tags"替换为List<String>
。
请告知。
jquery代码:
$(function () {
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) {
alert($ {
acTypes
});
return val.split(/,'s*/);
}
function extractLast(term) {
return split(term).pop();
}
$("#tags")
// don't navigate away from the field on tab when selecting an item
.bind("keydown", function (event) {
if (event.keyCode === $.ui.keyCode.TAB && $(this).data("ui-autocomplete").menu.active) {
event.preventDefault();
}
})
.autocomplete({
minLength: 0,
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;
}
});
});
输入文本框字段:
<div class="ui-widget">
<label for="tags">Tag programming languages:</label>
<input id="tags" size="50">
</div>
当我实现单值自动完成时,我可以重定向到url。请参阅下面的单值文本框自动完成。
jquery代码:
$("#tags").autocomplete({
source: function (request, response) {
$.ajax({
url: "/test/testPublisher/ajaxList.htm",
minLength: 1,
delay: 300,
data: {
query: request.term,
rowLimit: 10,
companyStateBothFlag: 0
},
dataType: "text",
success: function (data) {
var dataArray = data.split("'n");
response($.map(dataArray, function (item) {
return {
label: item,
value: item == "No results returned for this query" ? "" : item.split(" ")[0]
}
}))
}
})
}
});
您应该能够通过使用extractLast
函数并在request.term
:上发送调用该函数的结果来实现这一点
.autocomplete({
minLength: 0,
source: function (request, response) {
// extract the last term:
var term = extractLast(request.term);
$.ajax({
url: "/test/testPublisher/ajaxList.htm",
minLength: 1,
delay: 300,
data: {
query: term,
rowLimit: 10,
companyStateBothFlag: 0
},
dataType: "text",
success: function (data) {
var dataArray = data.split("'n");
response($.map(dataArray, function (item) {
return {
label: item,
value: item == "No results returned for this query" ? "" : item.split(" ")[0]
};
}))
}
});
},
/* other options omitted */
});
相关文章:
- 在<页眉>标签
- 如何更改<svg>标记为<img>用js标记
- Ckeditor-plugin:插入虚假元素add不情愿<p>标签前后
- Ajax文件加载和<输入>文件加载
- 检测电话窃听,即:<a href="电话:xxx">在UIWebview上
- 链接所有<a>Meteor
- 在<输入类型=“;文件“/>
- Div根据<选择>菜单
- missing ) after argument list DATEDIF
- 可以<脚本类型=“;text/javascript”>window.location=“/"</
- 如何首先设置样式<td>表中包含在窗体中的元素
- 通过点击<李>在jQuery中
- 正在检测导航到<a name=“;最新主题”></a>
- 如何更改<选择>使用angularJS从控制器获得的值
- 通过具有IE<11
- 返回List<字符串>Jquery中的from JSON调用具有未定义的长度
- 添加图像src和<a>在List.js中的href
- 将javascript数组传递给List<int>参数
- JavaScript中哪种类型的值对应于Java`List<>`
- 自动完成文本框中逗号分隔的多个值.我想用List<字符串>在控制器类中可用