写在前面：

　　突然发现，从刚开始对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. 线性代数之行列式的C#研究实现

    最近学习机器学习 才发现以前数学没有学好 开始从线性代数开始学起 读完行列式一章写了些C#的代码学习一下. 直接上C#代码: using System; using System.Collection ...

  2. typescript入门基础

    1.typescript介绍 微软开发的一门编程语言,javascript的一个超集,遵循最新的ES6脚本语言规范(2015年发布),它扩展了Javascript的语法,任何已经写好的javascri ...

  3. Celery 源码解析七：Worker 之间的交互

    前面对于 Celery 的分布式处理已经做了一些介绍,例如第五章的 远程控制 和第六章的 Event机制,但是,我认为这些分布式都比较简单,并没有体现出多实例之间的协同作用,所以,今天就来点更加复杂的 ...

  4. 社群公会GangSDK：程序员入行AI领域需要哪些技能？

    作为一名Android开发工程师,身边总有些同行很焦虑,看着人工智能越来越火,总是担心Android要不行了,所以,我们需要转行么?Android还能走多久?其实,无论是对于Android还是iOS开 ...

  5. 关于Mybatis的一次pingQuery时间间隔的实践及思考

    转眼间离这次问题的实践过程已经过去了一两个月了,现在想来自己的问题并不是不知道那么简单了,所以很有必要记录下来,算是一次警戒吧 废话不多说,直入主题. 我的直接上级准备将公司的后台管理系统由PHP转为 ...

  6. 流式处理的新贵 Kafka Stream - Kafka设计解析（七）

    原创文章,转载请务必将下面这段话置于文章开头处. 本文转发自技术世界,原文链接 http://www.jasongj.com/kafka/kafka_stream/ Kafka Stream背景 Ka ...

  7. Tarjan算法：求解图的割点与桥（割边）

    简介: 割边和割点的定义仅限于无向图中.我们可以通过定义以蛮力方式求解出无向图的所有割点和割边,但这样的求解方式效率低.Tarjan提出了一种快速求解的方式,通过一次DFS就求解出图中所有的割点和割边 ...

  8. 译｜调整JavaScript抽象的迭代方案

    原文作者:Kaloyan Kosev 原文链接:https://css-tricks.com/adapting-javascript-abstractions-time/ 翻译译者:小溪里 校对:华翔 ...

  9. 腾讯 AI Lab 计算机视觉中心人脸 & OCR团队近期成果介绍（3）

    欢迎大家前往腾讯云社区,获取更多腾讯海量技术实践干货哦~ 作者:周景超 在上一期中介绍了我们团队部分已公开的国际领先的研究成果,近期我们有些新的成果和大家进一步分享. 1 人脸进展 人脸是最重要的视觉 ...

  10. CCF-201604-3-路径解析

    问题描述 试题编号: 201604-3 试题名称: 路径解析 时间限制: 1.0s 内存限制: 256.0MB 问题描述: 问题描述 在操作系统中,数据通常以文件的形式存储在文件系统中.文件系统一般采 ...