写在前面：

　　突然发现，从刚开始对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)的更多相关文章

  1. 下拉框combobox用法&级联餐单

    如果下来内容不用后台取数据,直接写死的话不用url属性,直接用data即可: <input id="orderstate" name="orderstate&quo ...

  2. EXT学习之——获取下拉框combobox的值与显示名

    //申请科室 var comboboxdept = new Ext.form.ComboBox({ xtype: "combobox", name: "Gender&qu ...

  3. 下拉框-ComboBox

    <ComboBox Name="cbBox" SelectionChanged="cbBox_SelectionChanged"></Comb ...

  4. easyUI的下拉框combobox与树tree联动

    参与联动的有 2 个combobox 和 1 个tree: <input id="combobox1" class="easyui-combobox" n ...

  5. 转：控制ComboBox下拉框的下拉部分宽度，使内容能够显示完全

    一般的情况下,如果下拉框的选项的文字太长,下拉框ComboBox的Width宽度属性我们又不想要改变(默认不变),下拉选项的文字内容就会被截剪,如下图所示: 解决办法: 1.自动判断下拉选项的文字长度 ...

  6. ComboBox可搜索下拉框的使用注意事项,简单记录以及我遇到的一些奇怪的bug

    前几天做一个react的项目的时候需要用一个可搜索的下拉框ComboBox,上代码: <ComboBox // className={comboxClassName} items={storeA ...

  7. Bootstrap-下拉框 Combobox

    Bootstrap下拉框 Combobox显示效果如下: 源代码: <select class="combobox"> <option></optio ...

  8. 雷林鹏分享：jQuery EasyUI 表单 - 创建树形下拉框

    jQuery EasyUI 表单 - 创建树形下拉框 树形下拉框(ComboTree)是一个带有下列树形结构(Tree)的下拉框(ComboBox).它可以作为一个表单字段进行使用,可以提交给远程服务 ...

  9. 雷林鹏分享：jQuery EasyUI 表单 - 格式化下拉框

    jQuery EasyUI 表单 - 格式化下拉框 本教程向您展示如何创建一个简单的下拉框(Combobox),让它在下拉框中显示图片项.您可以在下拉框(combobox)上使用 formatter ...

  10. 从后台绑定数据到ligerui 的comboBox下拉框组件

    这次来记录一下ligerUI的comboBox下拉框组件,ligerUI的API里也有相关描写叙述,上面都是前台写死数据,然后显示在组件中,我这次要说的是将后台的数据绑定到下拉框组件中,废话不多说. ...

随机推荐

  1. boot之mybatis

    特别注意,此种方法和starter不兼容,我用了两个方式混蛋,发现跑不起来! spring: datasource: driver-class-name: com.mysql.cj.jdbc.Driv ...

  2. 最全Jenkins+SVN+iOS+cocoapods环境搭建及其错误汇总

    前言 持续集成是敏捷开发中重要的一部分,为保证新功能的开发,又保证旧功能的维护,从一个冲刺到下个冲刺.持续集成工具是我们保证开发和维护并行的护航者,现在流行的集成工具有很多,例如: 1.Jenkins ...

  3. 解决：org.mybatis.spring.MyBatisSystemException: nested exception is org.apache.ibatis.builder.BuilderException: Error evaluating expression 'requestMap.maintenancename != null and requestMap.maintenance

    异常如下:org.mybatis.spring.MyBatisSystemException: nested exception is org.apache.ibatis.builder.Builde ...

  4. vuejs配置less

     本次我们来聊聊,vuejs里如何使用less.都是根据自己的开发经验来写,不对的地方请各位拍砖. 在webstorm上配置Less 首先,全局安装less npm install less -g 然 ...

  5. postman 时间戳和加密

    在使用postman进行接口测试的时候,对于有些接口字段需要时间戳加密,这个时候我们就遇到2个问题,其一是接口中的时间戳如何得到?其二就是对于现在常用的md5加密操作如何在postman中使用代码实现 ...

  6. Hadoop实战训练————MapReduce实现PageRank算法

    经过一段时间的学习,对于Hadoop有了一些了解,于是决定用MapReduce实现PageRank算法,以下简称PR 先简单介绍一下PR算法(摘自百度百科:https://baike.baidu.co ...

  7. Python函数篇

    1.函数名的命名规则: 函数名必须以下划线或字母开头,可以包含任意字母.数字或下划线的组合.不能使用任何的标点符号: 函数名是区分大小写的. 函数名不能是保留字. 2. 形参和实参 形参:形式参数,不 ...

  8. 使用SpringBoot开发REST服务

    本文介绍如何基于Spring Boot搭建一个简易的REST服务框架,以及如何通过自定义注解实现Rest服务鉴权 搭建框架 pom.xml 首先,引入相关依赖,数据库使用mongodb,同时使用red ...

  9. windows平台下基于QT和OpenCV搭建图像处理平台

        在之前的博客中,已经分别比较详细地阐述了"windows平台下基于VS和OpenCV"以及"Linux平台下基于QT和OpenCV"搭建图像处理框架,并 ...

  10. 高质量PHP代码的50个实用技巧必备（下）

    26. 避免直接写SQL, 抽象之 不厌其烦的写了太多如下的语句: ? 1 2 <span style="color:#333333;font-family:''Helvetica, ...