读书人

jQuery.Autocomplete兑现自动完成功能

发布时间: 2012-06-30 17:20:12 作者: rapoo

jQuery.Autocomplete实现自动完成功能(详解)

??????????????????? 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);

}

读书人网 >Web前端

热点推荐