easyui-combobox 实现简单的自动补全功能
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | 前台: Html页面 <input id= "clsydw" name= "clsydw" class = "easyui-combobox" data-options= "" /> JS //自动补全功能 $( "#clsydw" ).combobox({ valueField: 'syr' , textField: 'syr' , panelWidth:200, panelHeight: 'auto' , onChange:function(values,o) { if (values!= "" ) { var url= '${localCtx }/workloadpmtreport/querysyr.do?syr=' +values.trim(); $( "#clsydw" ).combobox( "reload" ,url); } } }) 后台部分才是重点,因为在接受syr参数的时候,是乱码,这里使用各种解码都不行,只有使用以下解码方式(可能有更好的方法,目前没发现) /** 根据单位名称自动补全单位全称 * @param req * @return */ @RequestMapping(value= "querysyr.do" ) @ResponseBody public List<Veh_Hy> queryListsyr(HttpServletRequest req) { String syr= "" ; try { syr= new String( new String(req.getParameter( "syr" ).getBytes( "iso-8859-1" ), "UTF-8" )); } catch (UnsupportedEncodingException e) { e.printStackTrace(); } syr=(syr!= "" )? '%' +syr.trim()+ '%' : "" ; return vehhyMapper.getListBySyr(syr); } |
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步