您当前的位置:首页 > 互联网教程

请问如何用easyui的combobox实现中文搜索

发布时间:2025-05-24 10:11:05    发布人:远客网络

请问如何用easyui的combobox实现中文搜索

一、请问如何用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中,复选框选中。这样只要对要删除道具的复选框取消选择就可。