首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-06-30 
jQuery.Autocomplete实现自动完成功能(详解)??????????????????? return obj.Text??????????????? },????

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

}

热点排行