ligerUI---下拉框(Combobox)

时间:2023-03-09 02:48:24
ligerUI---下拉框(Combobox)

写在前面:

  突然发现,从刚开始对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中的下拉框),这里就不再做重复讲述了。

成功截图:好累好累好累。。。。。。。。。。我觉得我现在很疲乏。。。。。。。。。

ligerUI---下拉框(Combobox)