EasyUi Combobox添加一个选择所有的选项

本文介绍如何在使用EasyUI的项目中,为combobox组件添加一个查询所有选项的功能,通过在前端修改返回数据,实现下拉框中包含全选项,而不影响后台数据查询逻辑。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这两人在用easyui写一个数据管理表格的练习,其中有一个查询以下拉框的形式展示数据,从后台获取数据很简单,但是我还想添加一个查询所有的选项,就是选中所有,不做数据参数的传入,并且不想通过改变后台查询的数据达到效果,那么我需要在前台修改一下返回的数据再加载到combobox里面。达到下图效果。

js代码如下

$.ajax({
		 url:'role/getAllRole',
		 dataType:"json",
		 success:function(result){
        	var newjson = [];
        	newjson.push({"rid":"","rolename":"所有"});
        	for(var i = 0;i<result.length;i++){
        		newjson.push({"rid":result[i].rid,"rolename":result[i].rolename});
        	}
        	$('#sRole').combobox({    
           	    data:newjson,
           	    panelHeight: 'auto',
           	    width:100,
           	    editable:false,
           	    valueField: 'rid',
                textField: 'rolename'
     	
            })
        	
		 }

	});	

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值