easyUI中下拉框手动添加一条数据(数据从后台)

本文介绍了如何在easyUI下拉框中实现多选和全选功能。通过添加‘全选’选项并结合JavaScript处理,可以在前端实现全选效果。文章详细阐述了数据获取、‘全选’选项插入以及选中状态处理的步骤,包括使用`unshift`方法添加‘全选’到数组首部,`combobox`方法创建下拉框,以及`onSelect`事件中处理选中状态变化的逻辑。
摘要由CSDN通过智能技术生成

    今天,碰到一个问题,如果easyUI的下拉框要多选怎么处理,如果只想要几个内容不选而其他的都选中又改怎么处理。首先先看easyUI中是怎么将下拉框处理成多选的。

					$("#fzjg").combobox({
						url :"common_getProvinceList.action",				
						valueField :"BZDM",
						textField : "MC",
						multiple:true,
						panelHeight:'200',
						panelWidth:'300',
						
					});//这一段在js中执行
					

其中 fzjg 就是 id为 "fzjg"的文本框,属性multiple:true,表示可以进行多选操作。地址url是从后台返回来的数据,其中mc表示显示名称,bzdm表示实际值。
<input class="easyui-combobox" id="fzjg" style="width:175px;" >

实际显示如下:


接下来是实现全选操作,这里实现全选操作有两个思路,一是在后台中添加"全选"传到前台,另一个方法是直接在js里面处理,不过要先获取后台传过来的值,将他们拼接在一起,在调用组合成下拉框

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值