写在前面：

　　突然发现，从刚开始对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. 腾讯课堂web零基础

    utf是国际编码 gb2312 国人发明的 gbk 补充集 想看网站源代码可以按F12 <meta name ='keywords' content='设置关键字'> <meta n ...

  2. maven学习之1

    最近用maven的时候各种出问题,打算系统的学习一下maven,搞明白依赖之类的. (一)创建工程: mvn archetype:generate 这样就可以根据提示来建立一个maven项目,常用的有 ...

  3. mybatis简单搭建

    背景 闲来没事把mybatis再熟悉一下,可能之前自己搭过没有记录.mybatis其实就是一个orm框架,在我们之前做.net工作的时候,我们的ef,dapper等都是这样的框架,java现在web流 ...

  4. 【技术翻译】支持向量机简明教程及其在python和R下的调参

    原文:Simple Tutorial on SVM and Parameter Tuning in Python and R 介绍 数据在机器学习中是重要的一种任务,支持向量机(SVM)在模式分类和非 ...

  5. （转载）java 枚举 循环遍历以及一些简单常见的使用

    本文转载自:http://blog.csdn.net/qq_27093465/article/details/51706076 作者:李学凯 什么时候想用枚举类型: 有时候,在设计一个java mod ...

  6. scala时间处理

    1.获取当前时间的年份.月份.天.小时等等 val nowDay=LocalDate.now().getDayOfMonth val nowDay=LocalTime.now().getHour 2. ...

  7. 一次php涉及跨域功能的麻烦及解决方案

    一,功能及描述 1,在后台管理网站(php)admin.xxx.com(以下简称admin),上拉取并编辑aaa.xxx.com(php,以下简称aaa)上的图片及文件 2,file_get_cont ...

  8. OC语言的面向对象—类和对象、方法

    1. 面向对象和面向过程思想 OC是面向对象的,C是面向过程的.面向对象和面向过程只是解决问题的两种不同思想 1. 面向对象和面向过程的区别 1) 以用电脑听歌为例子 a) 面向过程 ➢ 打开电脑 ➢ ...

  9. JavaScript内置的预定义函数

    javascript引擎中有一组可供随时调用的内建函数.这些内建函数包括 parseInt()  将收到的任何输入值转换成整数类型输出,如果转换失败,返回NaN parseFloat() 功能基本与p ...

  10. 直播一：H.264编码基础知识详解

    一.编码基础概念 1.为什么要进行视频编码? 视频是由一帧帧图像组成,就如常见的gif图片,如果打开一张gif图片,可以发现里面是由很多张图片组成.一般视频为了不让观众感觉到卡顿,一秒钟至少需要16帧 ...