$("#tags").autocomplete(["c++","java", "php", "coldfusion","javascript"], {
width: 320,
max: 4,
highlight: false,
multiple: true,
multipleSeparator: "",
scroll: true,
scrollHeight: 300
});
方法2：
复制代码 代码如下:
var data = [{text:'Link A', url:'/page1'}, {text:'Link B', url: '/page2'} ];
$("...").autocomplete(data,{
formatItem: function(item) {
return item.text;
}
}).result(function(event,item) {
location.href = item.url;
});
2) 远程数据数据源的调用方法
方法1：
前台js
复制代码 代码如下:
<scripttype="text/javascript">
$(document).ready(function() {
$("#Login").focus().autocomplete("/ajax/Account", {
formatItem: function(row, i,max) {
var obj =eval("(" + row + ")"); //转换成js对象
return obj.Text;
},
formatResult: function(row) {
var obj =eval("(" + row + ")"); //转换成js对象
return obj.Text;
}
}).result(function(event, item) {
var obj = eval("(" +item + ")"); //转换成js对象
$("#link").attr(“href”,obj.url);
});
});
</script>
后台C#（mvc）代码：
复制代码 代码如下:
public ContentResult GetUserAccount(string q)
{
string strResult = "";
//...查询数据操作...
//...格式化数据...
//格式完成的结果为
strResult = "{text:'Link A', url:'/page1'}\n {text:'Link B', url: '/page2'} ";
return Content(strResult);
}
方法2：
前台js
复制代码 代码如下:
<scripttype="text/javascript">
$(document).ready(function() {
$.getJSON("/ajax/Account",function(data) {
$("#Login").focus().autocomplete(data, {
formatItem: function(item,i, max) {
return item.Text;
},
formatResult:function(item) {
return item.Text;
}
}).result(function(event, item){
$("#link").attr(“href”,item.url);
});
});
});
</script>
后台C#（mvc）代码：
复制代码 代码如下:
publicContentResult Account(string q)
{
string strResult = "";
//...查询数据操作...
//...格式化数据...
//格式完成的结果为
strResult = "[{\"text\":\"LinkA\", \"url\":\"/page1\"}, {\"text\":\"LinkB\", \"url\": \"/page2\"} ]";
return Content(strResult);
}
您可能感兴趣的文章: