我尝试开发我的第一个MVC3应用程序,但是出现了一些问题,包括jQuery自动完成选择事件。选择项目时,不会发生任何操作。没有错误,没有消息。我已经使用了搜索功能来解决这个问题,但是没有适合我的解决方案。
这是我的Razor视图代码,包括javascript。
<script language="javascript" type="text/javascript">
$(document).ready(function () {
$("#search").autocomplete('@Url.Action("Search")', {
width: 200,
matchContains: true,
dataType: 'json',
select: function(event, ui) {
console.log('event');
},
delay: 10,
minChars: 3,
matchSubset: 1,
maxItemsToShow: 10,
parse: function (data)
{
var rows = new Array();
for (var i = 0; i < data.length; i++)
{
rows[i] = { data: data[i].Value, value: data[i].Guid, result: data[i].Value
};
}
return rows;
},
formatItem: function (row, i, n)
{
return row;
},
highlight: function (value, pattern)
{
value = value.replace(pattern, '<strong style="background-color:yellow;">' + pattern + '</strong>');
return value;
},
select: function (value, data)
{
alert('You selected: ' + value + ', ' + data);
},
extraParams: {
active: function ()
{
var message = new Array();
for (i = 0; i < document.forms["filter"].filters.length; i++)
if (document.forms["filter"].filters[i].checked)
{
message[i] = document.forms["filter"].filters[i].value;
}
return message;
}
}
});
});
使用下列库:
* Revision: $Id: jquery.autocomplete.js 15 2009-08-22 10:30:27Z joern.zaefferer $
* jQuery JavaScript Library v1.5.1有没有人能帮帮我?
发布于 2011-07-01 00:01:10
看看jQuery.UI中的自动完成小部件:
http://jqueryui.com/demos/autocomplete/
还有一篇有趣的文章介绍了如何在ASP.NET中使用它(不是MVC,但足够接近):
http://www.dotnetcurry.com/ShowArticle.aspx?ID=515
https://stackoverflow.com/questions/6537014
复制相似问题