自动匹配
<span style="font-size:18px;">/*
* 自动匹配
*/
页面调用:
getautocomplete(ctx+'/ajaxAction.do?method=json&common=getUserinfo&classes=indicatorConfServiceImpl', 'username','name');
需要引入:
<script type="text/javascript" src="${ctx}/base/commons/scripts/jquery.autocomplete.js"></script>
function getautocomplete(url,autoid,type){
$.getJSON(url, function(data){
data = data.list;
var parsed = [];
for (var i = 0; i < data.length; i++) {
parsed[parsed.length] = {
name : data[i].name,
to : data[i].to
}
}
if(type!=0&&!type){//操作类型为空说明获取的是id否则为
$("#"+autoid).autocomplete(parsed, {
// max: 10, //列表里的条目数
minChars : 0, //自动完成激活之前填入的最小字符
//width : 160, //提示的宽度,溢出隐藏
scrollHeight : 200, //提示的高度,溢出显示滚动条
scroll : true,
matchContains : true, //包含匹配,就是data参数里的数据,是否只要包含文本框里的数据就显示
autoFill : false, //自动填充
formatItem : function(row, i, max) {
return row.name;
},
formatMatch : function(row, i, max) {
return row.name;
},
formatResult : function(row) {
return row.name;
}
}).result(function(event, row, formatted) {
$("#"+autoid).val(row.to);
});
}else{
var ids=autoid.split("#");
var twoID=false;
if(ids.length==2){
twoID=true;
autoid=ids[1];
}
$("#"+autoid).autocomplete(parsed, {
// max: 10, //列表里的条目数
minChars : 0, //自动完成激活之前填入的最小字符
//width : 160, //提示的宽度,溢出隐藏
scrollHeight : 200, //提示的高度,溢出显示滚动条
scroll : true,
matchContains : true, //包含匹配,就是data参数里的数据,是否只要包含文本框里的数据就显示
autoFill : false, //自动填充
formatItem : function(row, i, max) {
return row.name + '(' + row.to + ')';
},
formatMatch : function(row, i, max) {
return row.name + row.to;
},
formatResult : function(row) {
return row.name + '(' + row.to + ')';
}
}).result(function(event, row, formatted) {
if(twoID){
$("#"+ids[0]).val(row.to);
$("#"+autoid).val(row.name);
}else{
$("#"+autoid).val(row.name);
}
});
}
});
}</span>
列显示不全只显示部分
<astyle="white-space:nowrap; text-overflow:ellipsis; overflow:hidden;width:380px;height: 25px;
line-height:25px;display:block;text-align:left;"title="${question.title}" href="${ctx}/template/web/answer.jsp?questionid=${question.questionid}"target="_blank"></a>