easyui combobox <select> 清空之后保存

一、首先要知道combobox的一些方法和其他相关的东西


Combobox用法和方法参数:

1、 需要引入class=" easyui-combobox”

2、 参数设置需要在data-options中设置

3、 属性参数配置:

valueField:基础数据值名称绑定到Combobox(提交值)

textField:基础数据的字段名称绑定的Combobox(显示值)

mode:定义当文本改变时如何加载列表数据,当设置为remote模式下,什么类型的用户将被发送http请求参数名为'q'的服务器,以获取新的数据。

url:从远程URL来加载列表数据

method:http方法检索列表数据

data:列表中被加载的数据

filter:定义如何过滤本地数据“模式”设置为'local'

formatter:定义如何呈现行

loader:定义如何从远程服务器加载数据

4、 事件:

onBeforeLoad(param): 操作之前将数据加载,返回false就取消这个荷载作用

onLoadSuccess():触发时,远程数据加载成功

onLoadError:触发时,远程数据加载错误

ONSELECT:触发,当用户选择一个列表项

onUnselect:触发,当用户取消选择一个列表


5、方法:

options():返回选择对象

getData():返回加载的数据

loadData(data):加载列表数据

reload(url):重新加载远程数据列表

setValues(values):设置combobox的值数组

setValue(value):设置combobox的值

clear():清空combobox的值

select(value):选中指定的值

unselect(value):取消指定的值


<select id="cos_recordsn_${cnum}" name="cos_recordsn_${cnum}" class="easyui-combobox" style="width:180px;"
                            data-options="valueField:'n', textField:'n', loader:cos_lxsr, mode:'remote', onBeforeLoad: function(uservars){uservars.dataname='cos_recordsn';},
                            onLoadError:function(){$('input[name=cos_recordsn_${cnum}]').combobox('setValue',$('#cos_recordsn_${cnum}').combobox('getText'))},
                            panelHeight:'auto',onSelect:function(c){cos_lxsr_auto(${cnum},c);}">
                            <option value="${D.COS_RECORDSN}">${D.COS_RECORDSN}</option>
                        </select>

  最重要的是下面的两个方法,一个在输入的时候进行动态的加载onBeforeLoad,一个在加载失败的时候方法被调用,被执行onLoadError。

记住这次的教训,需要学习的还有很多。

不忘初心,方得始终。

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值