`

ligerComboBox 下拉框控件

阅读更多

 

引入js、css:

<link href="${ctx}/static/comp/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />

<script src="${ctx}/static/comp/ligerUI/js/core/base.js" type="text/javascript"></script>

<script src="${ctx}/static/comp/ligerUI/js/plugins/ligerComboBox.js" type="text/javascript"></script>

<script src="${ctx}/static/comp/ligerUI/js/plugins/ligerTree.js" type="text/javascript"></script>

html:

<input type="text" class="txt1" id="sexId" />

 

js:

$("#sexId").ligerComboBox({

data: [{ id: 1, name: '男' },{ id: 2, name: '女' }],

textField: 'name', 

valueField :'id',

valueFieldID:'sex',

value:1

});

说明:

data:json数据 

textField:要显示的字段 key

valueField :要提交的值的 key

valueFieldID:要提交时的name 对应的名称

value:默认值 与valueField相对应

 

注意:

  html的input标签的id  sexId 不能与控件的valueFieldID属性值相同,否则请求400

 

实例:

 $("#PROTOCAL_ID").ligerComboBox({

    url:path+'/common/protocolTypeCombobox?isAll=false',

        textField: 'name',

        valueField: 'code',

        valueFieldID: 'protocalId',

        value:"${device.protocalId}"

 

    });

清空 input框中的value(sexId为input的ligerComboBox 对象

sexId.setValue(""); 

异步树加载数据的时候 ,有时默认input会出现 null文本:
解决:源码ligerComboBox.js 

 

 //设置值到 文本框和隐藏域

        _changeValue: function (newValue, newText)

{

            var g = this, p = this.options;

            g.valueField.val(newValue);

            if (p && p.render)

{

                g.inputText.val(p.render(newValue, newText));

            }

            else

{                   //添加

           if(newText == null || newText == "null"){

                newText="";

                }

                g.inputText.val(newText);

            }

分享到:
评论

相关推荐

    android完美下拉框控件

    在Android开发中,"完美下拉框控件"通常指的是具有高效、自定义化和用户体验优良的Spinner组件。Spinner是Android SDK提供的一种基础UI控件,用于实现下拉选择的效果,它可以在用户点击后弹出一个列表供用户选择。本...

    基于ASP.NET实现的可编辑的下拉框控件程序例子

    ASP.NET作为一种流行的Web应用程序框架,提供了丰富的服务器控件,其中可编辑的下拉框(DropDownList)控件是一个常用且功能强大的组件。本文将深入探讨如何在ASP.NET中实现一个可编辑的下拉框控件,并通过具体的...

    可输入的下拉框 控件

    为了满足用户在下拉列表中既能选择已有选项又能自定义输入的需求,开发者可以实现一个“可输入的下拉框控件”。这个控件通常结合了TextBox和DropdownList的功能,提供了一种更加灵活的交互方式。 在C#编程中,我们...

    多选下拉框控件

    在ASP.NET Web开发中,多选下拉框控件是一种常用的用户界面元素,它允许用户在下拉列表中选择一个或多个选项。标题"多选下拉框控件"指向了这一关键组件,而描述"asp.net WEB 多选下拉框控件源码"表明我们将探讨的是...

    增强型的VB下拉框控件,FlexComboBox英文源码.rar

    在VB(Visual Basic)编程环境中,开发者经常需要使用到各种控件来构建用户界面,其中下拉框(ComboBox)是一个非常常见的元素。然而,标准的VB下拉框控件有时不能满足复杂的需求,比如添加图标、实现模糊查找或提供...

    基于jQuery实现的自定义下拉框控件

    **基于jQuery实现的自定义下拉框控件** 在网页开发中,下拉框(Dropdown)是一种常见的用户界面元素,用于提供多个可选项供用户选择。然而,HTML原生的`&lt;select&gt;`标签功能有限,样式调整不便,无法满足一些高级交互...

    QTableView添加复选框,下拉框控件

    在特定的开发场景中,我们可能需要增强QTableView的功能,例如为表格中的每一行添加复选框或者下拉框控件,以提供更多的交互方式。这个过程涉及到Qt的自定义 delegate(委托)机制以及信号与槽的连接。 首先,我们...

    VB下拉框控件 网格控件应用实例.rar

    在VB(Visual Basic)编程环境中,下拉框控件(ComboBox)和网格控件(Grid Control)是常见的用户界面元素,用于提供用户交互。在这个"VB下拉框控件 网格控件应用实例"中,我们看到一个创新性的实践,它将两者结合...

    帆软FineReport实现下拉框控件多级联动查询模板 + SQL脚本

    本资源主要涉及的是利用FineReport的下拉框控件实现多级联动查询模板以及饼图联动饼图的制作方法,适用于FineReport 10.0版本。 首先,我们要理解“下拉框控件多级联动查询”这一概念。在FineReport中,下拉框控件...

    C#编写的一个带树型结构的下拉框控件

    在传统的下拉框(ComboBox)中,用户只能看到一个单一的列表,而“带树型结构的下拉框控件”则允许用户在展开控件时看到一个层次结构,这特别适用于表示具有分层关系的数据,如组织结构、文件系统或者分类目录。...

    多选下拉框控件源码

    本话题聚焦于一个多选下拉框控件的源码,这是一个能够实现多项选择以及全选功能的控件,非常适合用于需要用户从多个选项中进行复选的场景。 首先,我们需要理解多选下拉框的基本概念。在传统的HTML或Web开发中,...

    可输入文字查找ajax下拉框控件 ComBox的实现方法

    在本例中,我们将探讨如何实现一个名为ComBox的Ajax下拉框控件。 首先,我们需要一个JavaScript文件(如GooFunc.js),该文件包含一些辅助函数,如获取元素的绝对坐标、获取鼠标位置以及日期的格式化输出。这些功能...

    可多选的下拉框控件

    在IT界,我们经常需要创建用户界面,其中下拉框控件是不可或缺的一部分。下拉框控件(ComboBox)提供了一种简洁的方式,让用户在有限的选项中进行选择。然而,有时我们需要允许用户同时选择多个选项,这时"可多选的...

    前端多选下拉框控件.zip

    在前端开发中,多选下拉框控件是一种常见的用户界面元素,用于提供用户可以选择多个选项的下拉菜单。在本案例中,我们有一个名为"前端多选下拉框控件.zip"的压缩包,它包含了实现这一功能所需的资源文件。这个控件是...

    bootstrap的多选下拉框控件

    bootstrap的多选下拉框控件,通过对多选框的渲染,在下拉框中实现多选

    支持多选的下拉框控件

    本文将详细讨论一种特殊的UI控件——“支持多选的下拉框控件”。这种控件结合了ComboBox和CheckedListBox的功能,允许用户在下拉菜单中选择多个选项。 ComboBox是一个常见的Windows Forms或WPF中的控件,它提供了一...

    增强型的VB下拉框控件FlexComboBox,英文版

    在VB(Visual Basic)编程环境中,开发者经常需要使用到各种控件来构建用户界面,其中下拉框(ComboBox)是一个非常常见的元素。然而,标准的VB下拉框控件有时无法满足复杂的需求,例如添加图标、实现模糊查找或提供...

    php可输入下拉框控件

    本文将详细探讨"php可输入...通过结合前端的实时过滤功能和后端的数据处理,可以创建出一个功能强大且用户体验良好的下拉框控件。这种控件在数据检索、筛选等方面有广泛应用,如在搜索引擎、过滤器或自定义查询场景中。

    Jquery可编辑下拉框控件

    "Jquery可编辑下拉框控件"是一种基于jQuery的组件,它提供了更丰富的用户交互体验,允许用户在下拉框中进行编辑,不仅可以选择已有选项,还能输入自定义内容。这样的控件对于数据录入或搜索场景特别有用,因为它结合...

Global site tag (gtag.js) - Google Analytics