jquery easyUI 下拉显示提示数据

最新推荐文章于 2023-06-19 09:32:43 发布

原创最新推荐文章于 2023-06-19 09:32:43 发布 · 202 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #jquery #ViewUI

javaScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用 jQuery 实现的 combobox 控件示例，并详细展示了如何通过 Ajax 动态加载数据，以及如何处理选择变化的事件。同时，还提供了后台 Java 代码实现数据查询的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(document).ready(function (){
init();
});

function init(){
$('#cjoiners').combobox({
onChange:function(newValue,oldValue){
loadOnPaeuser(newValue,oldValue);
},
onSelect:function(record){
//$("#cjoiners").attr("value",record.name);
$('#cjoiners').combobox('select',record.name);
},
valueField:'id',
textField:'name'
});
}

function loadOnPaeuser(n,o){

n = jQuery.trim(n);
o = jQuery.trim(o);
if(n!=""){//&& n!=o
var nametemp = n;
//$("#cjoiners").attr("value",n);
url = "/cms/custservice/ajax_cmFind_findPaesByName.action?name="+encodeURI(encodeURI(nametemp));
$('#cjoiners').combobox('reload',url);
//$("#cjoiners").attr("textField",n);
}
}

============================================================================

后台java 提供数据代码：
public List findSomeDataByName(String name){

StringBuffer sql = new StringBuffer();
sql.append("select distinct NAME,ID from PERSONAL_AND_EXECUTIVE ");
sql.append("where ");
sql.append(" name like '%" + name + "%'");
final List list = new ArrayList();
getJdbcTemplate().query(sql.toString(), new Object[] {},
new RowCallbackHandler() {
public void processRow(ResultSet res) throws SQLException {
PersonalAndExecutive personalAndExecutive = new PersonalAndExecutive();
personalAndExecutive.setId(Integer.valueOf(res.getString("id")));
personalAndExecutive.setName(res.getString("NAME"));
list.add(personalAndExecutive);
}
});
return list;
}