写在前面:
突然发现,从刚开始对ligerUI的抵触,觉得都没有接触过,也不会,到现在,感觉ligerUI的一些组件还是挺好用的,大概日久生情吧。嘻嘻~~~,下拉框是常用的一个组件,在之前的博客中也写到了ligerForm中的下拉框,这里还是再单独写一下Combobox下拉框吧。当做笔记喽~~~~。。。。。
前台页面代码:
<script type="text/javascript"> var sysSearchSelect; $(function() { //系统选择下拉框 sysSearchSelect = $("#sysSearchSelect").ligerComboBox({ url: '${baseURL}/getSystemByAll.action', valueField:'systemId', //下拉框中选项值的id textField:'systemName', //下拉框中选项值 //initValue:2, 默认选中systemId为2的systemName }); }); </script> <body> <div position="left" title="角色"> <div id="searchbar" class="l-searchbar"> <div style="float:left;">系统名称:</div> <div style="float:left"><input type="text" id="sysSearchSelect" /></div> </div> </div> </body>
ligerUI中combobox是可以默认选中的,它的默认选中值为initValue:0,即如果你在后台获取的数据中 有systemId为0的,则就会默认选中并显示出来,如果没有,则默认选中
的为空(即什么也不选中),如果需要改变默认选中显示的数据,则需要对initValue进行重新设值即可。
后台的action:
private JSONArray arrSystem; public JSONArray getArrSystem() { return arrSystem; } public String getSystemByAll()throws Exception{ try { List<System> systemList = systemService.getAll(System.class); arrSystem = new JSONArray(); for(System sys:systemList){ JSONObject obj = new JSONObject(); obj.put("systemId",sys.getSystemId()); obj.put("systemName",sys.getSystemName()); arrSystem.add(obj); } } catch (Exception e) { throw new BusinessException("查询getSystemByAll出错"); } return "getSystemByAll"; }
下拉框还是比较简单的,后台只要传递前台页面需要的两个字段systemId,与systemName就可以了。前台能接收后台的json格式的数据需要做一些处理 ,除了提供对应的get方法
外,在struts.xml文件中还需要做一下配置,具体的配置,可以参看上几篇博客(ligerGrid以及ligerForm中的下拉框),这里就不再做重复讲述了。
成功截图:好累好累好累。。。。。。。。。。我觉得我现在很疲乏。。。。。。。。。