写在前面：

　　突然发现，从刚开始对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. Python返回Json格式定义的例子

    { "code": 0, // code为0表示成功,否则为1 "message": null, "data": { "syscp ...

  2. 【S】SQL SERVER检查临时表占用空间情况

    --检查已标记为需要删除的临时表select * from T_BAS_TEMPORARYTABLENAME; --所有系统创建的临时表及视图SELECT * FROM sys.tables WHER ...

  3. python变量命名规则

    在Python中使用变量时,需要遵守一些规则和指南.违反这些规则将引发错误,而指南旨在让你编写的代码更容易阅读和理解.请务必牢记下述有关变量的规则.  变量名只能包含字母.数字和下划线.变量名可以字 ...

  4. ASP.NET Core教程【三】实体字段属性、链接标签、并发数据异常、文件上传及读取

    前文索引:ASP.NET Core教程[二]从保存数据看Razor Page的特有属性与服务端验证ASP.NET Core教程[一]关于Razor Page的知识 实体字段属性 再来看看我们的实体类 ...

  5. 使用语句清除sqlserver数据库日志文件

    修改其中的3个参数(数据库名,日志文件名,和目标日志文件的大小),运行即可 SET NOCOUNT ON DECLARE @LogicalFileName sysname, @MaxMinutes I ...

  6. Redis在本地测试没有问题，上传的服务器后出现错误

    在服务器上,new Redis 可以拿到对象数据,但是其他操作就会报错. Redis 开启过程中,遇到错误 . :( protocol error, got 'S' as reply type byt ...

  7. c语言的流程控制

    1. 流程控制 ● 顺序结构:默认的流程结构.按照书写顺序执行每一条语句. ● 选择结构:对给定的条件进行判断,再根据判断结果来决定执行哪一段代码. ● 循环结构:在给定条件成立的情况下,反复执行某一 ...

  8. （ajax）——jquery用法

    例子:/* ajax获得状态 */                点击事件  $("#findBycname").click(function(){  var company = ...

  9. Entity Framework——建模建库

    1数据库初始化策略选择 三种初始化策略: 1)CreateDatabaseIfNotExists:默认的策略.如果数据库不存在,那么就创建数据库.但是如果数据库已存在,而且实体发生了变化,就会出现异常 ...

  10. css选择器的优先级问题

    当我们写页面的时候,不知道你会不会产生这样的问题,为什么我给他添加的这条样式分明已经选择到我要给的元素了,但是他的样式并没有生效,那是为什么呢? 定义的属性有冲突时,浏览器会选择用那一套样式呢,下面来 ...