引入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完美下拉框控件android完美下拉框控件android完美下拉框控件
QTableView添加复选框,下拉框控件
asp.net C# 实现的可以输入的 dropdownlist 控件。
增强型的FlexComboBox控件,一款VB下拉框控件,带图标,支持模糊查找,模拟下拉框提示等功能,英文版,附上了源代码,便于二次开发和学习研究。
VB下拉框控件 网格控件应用实例,一个基于VB的网格下拉框控件,也就是让下拉框拉出的不是列表式数据,而是表格形式的数据,点击表格中的任意格数据,即可选中数据,换换形式,或许更新颖。
多选下拉框控件源码 项目描述 自定义一个多选下拉框控件 该控件实现了下拉框选项中可以多项选择, 全选功能。 控件开源,欢迎感兴趣的用户下载学习。
asp.net WEB 多选下拉框控件源码
用C#编写的一个下拉框控件,展开后内部可以有树型结构,对应WINFORM程序特别有用.
ios下拉框控件
该资源为已完成的拉框参数联动查询模板、饼图联动饼图模板,适配FR10.0版本、可直接下载学习使用。
支持多选的下拉框控件。控件继承自ComboBox,下拉框里放的是CheckedListBox
bootstrap的多选下拉框控件,通过对多选框的渲染,在下拉框中实现多选
基于ASP.NET实现的可编辑的下拉框控件程序例子
Jquery可编辑下拉框控件,web开发非常实用,有多个功能设置
NULL 博文链接:https://chenjumin.iteye.com/blog/386967
使用java swing编写的日期下拉框控件,可以在swing开发中使用,还有对两个日期的先后进行判断的工具类,有详细的使用说明。
sharepoint二级联动的下拉框控件。
用JS模拟来select下拉框控件的特效 可用作下拉菜单来用.zip 用JS模拟来select下拉框控件的特效 可用作下拉菜单来用.zip 用JS模拟来select下拉框控件的特效 可用作下拉菜单来用.zip
支持多选的下拉框控件。继承自ComboBox,下拉框中放的是CheckedListBox