JavaScript
jquery autocomplete的返回数据问题
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区多列输出：
下面这种可以显示正常，达到2列输出，选中了一行后，可以把值填到textbox中：
但是换成aspx输出的时候就不行了：
data.aspx的 Codebehind:该aspx输出到页面上的时候数据格式和emails 的数据格式是一样的，但是用这个作为数据源的时候
却总是全部输出。
问题所在 ：我的问题基本和这位兄弟是一样的：http://www.javaeye.com/problems/17478
顶的都有分，解决问题的重分酬谢，不够的话我加。谢谢了！比较急。
下面这种可以显示正常，达到2列输出，选中了一行后，可以把值填到textbox中：
var emails = [
{ name: "Peter Pan", to: "peter@pan.de" },
{ name: "Molly", to: "molly@yahoo.com" },
{ name: "Forneria Marconi", to: "live@japan.jp" },
{ name: "Master <em>Sync</em>", to: "205bw@samsung.com" },
{ name: "Dr. <strong>Tech</strong> de Log", to: "g15@logitech.com" },
{ name: "Don Corleone", to: "don@vegas.com" },
{ name: "Mc Chick", to: "info@donalds.org" },
{ name: "Donnie Darko", to: "dd@timeshift.info" },
{ name: "Quake The Net", to: "webmaster@quakenet.org" },
{ name: "Dr. Write", to: "write@writable.com" }
];
$("#autocomplete").autocomplete(emails, {
minChars: 0,
max:15,
width: 200,
scroll: false,
scrollHeight: 500,
formatItem: function(data, i, total) {
return "<div style='float:left'>"+data.name+data.to+"</div>"
},
formatMatch: function(data, i, total) {
return data.name;
},
formatResult: function(data, value) {
return data.name;
}
}).result(function(event, data, formatted) {
$("#twoColum_abbr").val(data.to);
});
但是换成aspx输出的时候就不行了：
$("#autocomplete").autocomplete("data.aspx", {
minChars: 0,
max:15,
width: 200,
scroll: false,
scrollHeight: 500,
formatItem: function(data, i, total) {
return "<div style='float:left'>"+data.name+data.to+"</div>"
},
formatMatch: function(data, i, total) {
return data.name;
},
formatResult: function(data, value) {
return data.name;
}
}).result(function(event, data, formatted) {
$("#twoColum_abbr").val(data.to);
});
data.aspx的 Codebehind:该aspx输出到页面上的时候数据格式和emails 的数据格式是一样的，但是用这个作为数据源的时候
却总是全部输出。
问题所在 ：我的问题基本和这位兄弟是一样的：http://www.javaeye.com/problems/17478
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
Response.Clear();
Response.Charset = "utf-8";
Response.Buffer = true;
this.EnableViewState = false;
Response.ContentEncoding = System.Text.Encoding.UTF8;
Response.ContentType = "text/plain";
Response.Write(GetLikeUserName());
Response.Flush();
Response.Close();
Response.End();
}
}
private string GetLikeUserName()
{
string[] str ={ "January", "Ceshi", "jQuery", "josn", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" };
StringBuilder sbstr = new StringBuilder();
sbstr.Append("[");
for (int i = 0; i < str.Length; i++)
{
if (i == str.Length - 1)
{
sbstr.Append("{name:'" + str[i] + "',to:'最后中文测试" + i + "'}");
}
else
{
sbstr.Append("{name:'" + str[i] + "',to:'中文测试" + i + Request.QueryString["q"] + "'},");
}
}
sbstr.Append("]");
return sbstr.ToString();
}
顶的都有分，解决问题的重分酬谢，不够的话我加。谢谢了！比较急。
...全文
相关推荐
jquery-autoComplete 处理返回的json对象问题
NULL 博文链接：https://shaozhen.iteye.com/blog/1145246
jquery的autocomplete(自动补全)插件
1.该js支持jquery的自动补全功能 2.因为jquery-ui是jquery的插件，所以部分版本jquery可能不支持该插件，建议换成内附的jquery.js 3.如有疑惑，请阅读内附的说明文档
Jquery Autocomplete
NULL 博文链接：https://pirateyk.iteye.com/blog/789802
jquery autocomplete
NULL 博文链接：https://zhaoaiqing.iteye.com/blog/333869
jquery.autocomplete.js
jquery.autocomplete.min.js文本框的自动填充控件,jquery解决了跨浏览器问题。
