首先 添加引用 Newtonsoft.Json.Net35.dll
其次 将themes个文件夹 放到css
<link href="CSS/themes/ui-lightness/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="JS/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
<script src="JS/jquery-1.4.1.js" type="text/javascript"></script>
<script src="JS/jquery-ui.min.js" type="text/javascript"></script>
<script src="JS/jquery.ui.datepicker-zh-CN.min.js" type="text/javascript"></script>
<script src="Tools/AutoComplete/autoComplete.js" type="text/javascript"></script>
$(document).ready(function() {
$("input[name=txtXmname]").autocomplete({
autoFocus: true,
source: function(request, response) {
$.ajax({
url: "handler/getCompany.ashx?typeid=2", //这个一般处理程序获取到的是项目名称的list集合 必须是list集合
dataType: "json",
data: {
featureClass: "P",
style: "full",
maxRows: 12,
name_startsWith: request.term
},
success: function(data) {
response($.map(data, function(item) {
return {
label: item.XMMC, //这个是数据库查出来的字段
value: item.XMMC,
id: item.ID, 注意传id的时候 item.ID 是取出数据库的字段 小id是给他起的名字
type: item.Type
}
}));
}
});
},
minLength: 1,
select: function(event, ui) {
$("input[name=txtXmId]").val(ui.item.id); //这儿去的时候就要用小id
},
open: function() {
$(this).removeClass("ui-corner-all").addClass("ui-corner-top");
},
close: function() {
$(this).removeClass("ui-corner-top").addClass("ui-corner-all");
}
});
});
