EasyUI combobox下拉列表框--下拉列表框的onShowPanel事件

最新推荐文章于 2022-03-17 10:14:16 发布
最新推荐文章于 2022-03-17 10:14:16 发布
阅读量1.4w 收藏
点赞数 1
分类专栏： jQuery Easy UI 文章标签： easyui onShowPanel combobox
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/muyeju/article/details/47612577
版权
本文介绍了在EasyUI中使用Combobox时遇到的问题：初始加载页面时，下拉列表框为空。为解决这个问题，利用onShowPanel事件，在用户打开下拉面板时动态加载数据。通过监听onShowPanel事件，当combobox下拉列表为空时，可以弹出提示或者进行数据填充操作。
摘要由CSDN通过智能技术生成

1.原因：最近项目中有很多要用到combobox，但是如果这些数据是加载时获取，而且这些数据是从另一个模块手动添加的话，那么一开始加载这个页面，当点击这个下拉列表框(combobox)，如：所属队伍时，它里面是没值可选的，就像下面这种情况


2.解决方法：当点击所属队伍时，如果下拉类别框为空，弹一个提示，用到的事件是onShowPanel

onShowPanel:当下拉面板显示时触发的事件

3.代码

<span style="font-family:Microsoft YaHei;font-size:14px
最低0.47元/天 解锁文章
孟夏草木长
关注
专栏目录
EasyUI学习之Combobox下拉列表(1)
11-29
input class="easyui-combobox" style="width: 100px;" type="text" id="gender" /> 2.显示 3.js代码 //以下的方式可以解决浏览器汉字乱码问题 /********************1.加载本地数据*******************/ // ...
Combobox 使用onShowPanel后默认赋值
最新发布
bugalitter的博客
03-23 198
Combobox 使用onShowPanel后默认赋值
Easyui笔记3：实现combobox下拉框高度自适应
因特马
02-12 5796
最近项目中正在使用easyui。前端的坑真的是太多了，本系列文章会记录我在easyui使用中淌过的坑，用于经验分享以及日后查阅。欢迎转载，转载请注明出处，谢谢~(作者：Colton_Null)如何实现combobox下拉框高度自适应？在开发中，遇到下拉框，我们一定会有这样的需求。下拉框的高度会根据选项的条数自适应，选项太少则下拉框高度根据选项数调整，如果选项过多，则下拉框保持一个固定高度，右侧显示滚
EasyUI ComboBox（下拉列表框）通过url加载调用远程数据并实时刷新
筱洁的博客
08-17 3730
EasyUI ComboBox（下拉列表框）通过url加载调用远程数据并实时刷新 首先,通过input标记创建组合框（combobox）。 <input class="easyui-combobox" type="text" name="字段名" data-options="valueField:'提交到后台的值',textField:'显示的远程数据库的值', url:'xxx', ed...
数据字典依赖easyui onShowPanel 版本
苦逼码农的博客
07-26 2602
$.ajax({ beforeSend: function(request) { setRequestHeaders(request); }, url : http_url+"/api/sys/dic/byType", data:v_data, type: "get", da
easyui-combobox 滚动条
一只不知疲倦的学习猿
04-01 864
超出时带滚动条，未超出时自适应 $("#id").combobox({ //..... onShowPanel : function(){ var count = $(this).combobox('getData').length; if(count > 10){ $(this).combobox('panel').height(180); }else{
easyUI下拉列表点击事件使用方法
08-30
" class="easyui-combobox" data-options="valueField:'id',textField:'text',editable:false" > 其中，valueField表示选项的值字段，textField表示选项的显示字段，editable表示是否可以编辑选项的值。 三、加载...
easyui-textbox和easyui-combobox的onchange事件响应实例
08-01
`easyui-combobox` 则是一个下拉选择框组件，允许用户从预定义的选项列表中选择一项。这两个组件在网页表单中非常常见，可以用于收集用户的输入数据。 `onchange` 事件是 JavaScript 中的一个重要事件，它会在元素...
EasyUI学习之Combobox级联下拉列表(2)
08-31
每个输入框都带有`class="easyui-combobox"`，表明它们是EasyUI的Combobox组件。每个Combobox都有一个唯一的ID，如`id="School"`，这将在JavaScript中被用来绑定数据和事件。 2. 显示部分可能是指实际在页面上呈现...
easyui combogrid 按需加载,点击下拉加载
weixin_33736832的博客
12-13 256
功能优点:减少不必要的http请求,减少服务器查询压力,降低额外的浏览器渲染,提高呈现速度开发分享: combogrid 点击才请求的功能实现简要:我分析了费用系统,和现在全网的写法.并不满意.都是要么全部请求,要么部分请求.费用系统中是发起了请求,然后报404错误(伪地址的方式实现的)这种带来的缺陷是依旧发起了http请求,在页面中大量存在combogrid的话就会问题突出.因此在新的mcp2....
js时间控件只显示年月
01-21
话不多说，请看代码： <input id=db  /> 初始化加载db标签。 $(function () { $('#db').datebox({ onShowPanel: function () {//显示日趋选择对象后再触发弹出月份层的事件，初始化时没有生成月份层 span.trigger('click'); //触发click事件弹出月份层 if (!tds) setTimeout(function () {//延时触发获取月份对象，因为上面的事件触发和对象生成有时间间隔 tds = p.find('div.calendar-menu-month-inne
jQueryeasyUI combobox点击下拉触发事件
现役码农的博客
09-10 5548
今天项目组接到一个优化需求，三级联动实现反选。 举例说明一下，例如本来是湖北-武汉-武昌。现在要实现选中武昌后，湖北-武汉自动带出。这个需求本来不困难。但是由于之前项目中对这块的三级联动进行了封装。导致修改很困难。 虽然最终是实现了这个效果，但是自己浪费了很多事件。这里说一下中间自己的发现的一个有意思的点。 三级联动：省-市-区域 这个需求中有一个要求是点击"区域"下拉的时候，自动加载该下拉框。...
(JavaScript)Easyui的combobox 点击内容框显示选项
cillent_boy的专栏
06-12 1107
一般来说下拉框有显示就有隐藏，如下代码在$(function () {中设置： //单击Combox内容框弹出下拉菜单 $(".combo").click(function (e) { if ($(this).prev().combobox("panel").is(":visible")) { $(this).prev().combobox("h...
easy ui combox 二级联动
m0_60372398的博客
03-17 1210
.......被这个二级联动给搞傻掉了，之前人是在页面加载之初就发生了url，以至于在对内容做了修改后，下拉显示的时候还是之前的内容，所以这个时候我们应该使用onShowPanel事件，来重新发送url请求，以保证获取最新数据。 <select prompt="请选择所属部门" id="dId" name="dId" class="easyui-combobox" data-options="url:'要发送的url请求', method:'get',
Easyui弹出Dialog时，Dialog中的Combobox的url会加载两次，不明原因，只能其他方法解决。
YYZhQ的专栏
03-07 5632
一直不擅长UI，也可以说UI一直是我很头疼的事情，可现在公司都人手缺乏，恨不能你一个人把公司的活全担了，然而我又不能一夜之间变成美工，没办法，只能借助界面组件，extjs是好，不免费，所以，我选择了easyui。我用的easyui是1.4.4，jquery为1.11.3。         不得不说easyui用起来确实很easy，但也确实有很多问题让你摸不着头脑，有时候，去解决一个easyui的
Easyui Datebx日期框只显示 年月
GodHelpThose的博客
11-14 2092
easyui datebox 只显示年月。
【连载】研究EasyUI系统—Panel组件（方法和事件）
来啊，相互伤害啊
01-12 6051
panel方法和事件。
easyui的combotree的回显操作
sunmeng_sunmeng的博客
04-23 1421
area=urldata.area，area就是地区选择时的id。 连同编辑时根据获取的信息进行回显操作，本篇文章是对easyui的combotree的回显操作 //地区 get请求 $.get('/···/···/···'路径, { pid: id, //参数 }, function (data) { $('#area').combotree({ data:data.li...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值