写在前面：

　　突然发现，从刚开始对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. linux-之常用命令

    Linux常用命令,长时间不用或者想用时具体的使用方法模糊了,可以进行查看,避免还要去其他地方进行查找麻烦,所以找了一些命令进行记录.   1.帮助命令 help 和 man 帮助查看命令的具体使用方 ...

  2. Python [习题] 字典排序

    [习题] 对此字典分别按照value 和key 如何排序? dic1 = {'and':40, 'a':54, 'is':60, 'path':139, 'the':124, 'os':49} In ...

  3. 在动态链接库dll中弹出对话框

    在动态链接库dll中弹出对话框步骤: 1.添加Dialog资源,然后在资源视图的对话框界面右击添加类,输入类名MyDlg,使得其继承与CDialogEx.(继承CDialog应该也可以)2.在新生成的 ...

  4. C++反汇编第一讲,认识构造函数,析构函数,以及成员函数

    C++反汇编第一讲,认识构造函数,析构函数,以及成员函数 以前说过在C系列下的汇编,怎么认识函数.那么现在是C++了,隐含有构造和析构函数 一丶认识构造函数 高级代码: class MyTest { ...

  5. 爬起点小说 day01

    先介绍下我自己爬起点小说的思路: 1.爬取所有的类型列表 a.链接存redis中 类型表:novel_list 具体每一种类型:bnovel_all_list(把novel_list和bnovel_l ...

  6. Ipython自动导入Numpy,pandas等模块

    一.引言 最近在学习numpy,书上要求安装一个Ipythpn,可以自动导入Numpy,pandas等数据分析的模块,可是当我安装后,并不能自动导入numpy模块,还需要自己import.我就去查了一 ...

  7. Mybatis分页插件PageHelper简单使用

    一个好的讲解mybatis的博客地址http://www.jianshu.com/nb/5226994 引言 对于使用Mybatis时,最头痛的就是写分页,需要先写一个查询count的select语句 ...

  8. PHP7类型约束

    在PHP7之前,函数和类方法不需要声明变量类型,任何数据都可以被传递和返回,导致几乎大部分的调用操作都要判断返回的数据类型是否合格. 为了解决这个问题,PHP7引入了类型声明. 目前有两类变量可以声明 ...

  9. C#的数据类型总结（1）

    C# 是一种强类型语言.在变量中存储值之前,必须指定变量的类型,如以下示例所示: int a = 1; string s = "Hello"; XmlDocument tempDo ...

  10. SpringCloud Feign使用详解

    添加依赖: <dependency> <groupId>org.springframework.cloud</groupId> <artifactId> ...