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);

            }

猜你喜欢

转载自feiteyizu.iteye.com/blog/2252655