请问如何用easyui的combobox实现中文搜索
发布时间:2025-05-24 10:11:05 发布人:远客网络
一、请问如何用easyui的combobox实现中文搜索
之前我和你遇到过一样的问题,不要使用onChange,使用loader,我用的是J2EE,不知道你用的是什么环境,但大体是差不多的,主要是JS和HTML部分,你可以试试:
需求:1、每输入一个字符,读取数据库查询15条近似数据2、读出数据后,按上、下键+回车键进行选择
//easyUI combobox中不要使用onChange来做读取数据库操作,有很多BUG,建议使用loader
var btsloader= function(param,success,error){
//此处q的length代表输入多少个字符后开始查询
if(q.length<= 0) return false;
url:"<%=path%>/jsonObj/costAction_getJSONCostList",
//重要,如果写jsonp会报转换错误,此处不写都可以
var items=$.map(data.rows, function(item){
error:function(xml, text, msg){
error.apply(this, arguments);
<input id="costId" name="costId" class="easyui-combobox" style="width:250px;" data-options="
textField:'name'"/>
【JAVA】public String getJSONCostList() throws UnsupportedEncodingException, JSONException{
List<HashMap<String, Object>> jsonArr= new ArrayList<HashMap<String, Object>>();
List<Cost> list= costService.searchCosts(0, 14, searchName);
HashMap<String, Object> hm= new HashMap<String, Object>();
hm.put("text", c.getBtsName());
HashMap<String, Object> hm= new HashMap<String, Object>();
result= JSONObject.fromObject(hm);
<package name="jsonObj" namespace="/jsonObj" extends="json-default">
<action name="*_*" class="{1}" method="{2}">
<result name="ajax" type="json">
<param name="root">result</param>
传入的JSON Object举例:{"rows":[{"id":1,"text":"基站1"},{"id":2,"text":"基站2"}]}
二、javaweb项目
点击“添加”,弹出所有可添加的道具窗口A,窗口A中用长方形表格,每个表格里有道具图片和复选框,然后有个添加BA按钮和取消BC按钮。当点击BA的时候,将选择的道具名称或图片显示到现在这个页面上,可以显示在“添加”按钮前,或下方,一个一个排开。如果现在的页面上没有删除道具功能的话,当第二次点击“添加”的时候,选中的道具依然显示在窗口A中,复选框选中。这样只要对要删除道具的复选框取消选择就可。