easyUI动态加载combobox

最新推荐文章于 2022-11-30 13:26:17 发布

黄小小黄

最新推荐文章于 2022-11-30 13:26:17 发布

阅读量1.8k

点赞数

分类专栏：前端文章标签： easyui javascript 前端

本文链接：https://blog.youkuaiyun.com/m0_51327179/article/details/125308732

版权

本文介绍了如何在easyUI中实现动态加载combobox，通过用户输入触发后台筛选数据，形成新的下拉选项，以减少大量选项的显示。重点讨论了如何处理HTTP请求参数'q'与后台接口的对接问题，以及在开发过程中遇到的问题和解决思路。

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

easyUI下拉框的使用笔记：
引用api文档的属性：

属性	类型	说明
mode	string	定义了当文本改变时如何读取列表数据。设置为’remote’时，下拉列表框将会从服务器加载数据。当设置为“remote”模式时，用户输入将被发送到名为’q’的HTTP请求参数到服务器检索新数据。
queryParams	Object	在向远程服务器请求数据的时候可以通过该属性像服务器端发送额外的参数。
onBeforeLoad	事件	在请求加载数据之前触发，返回false取消该加载动作。

$('#cc').combobox({
   
	onBeforeLoad: function(param){
   
		param.id = 2;
		param.language = 'js';
	}
});

总结：
我们使用动态下拉 combobox，是指：用户在下拉的输入框，输入文本的时候，将文本发送到后台，后台筛选数据，返回前端，形成新的下拉选项。使用场景：一般是下拉选