文档章节

easyui (combobox或者combogrid)下拉框在点击其他地方时候会回缩,期望效果为下拉框一直处于展开状态

o
 osc_isezqdgg
发布于 2019/09/18 16:36
字数 415
阅读 5
收藏 0

精选30+云产品,助力企业轻松上云!>>>

 

 

需求:点击左侧的用户,右侧能够显示点击的用户,达到类似QQ群添加群成员的效果
思路设计:依靠easyui自带的Combogrid实现,combogrid有onSelect方法,能够在选中下拉框选项时候触发动作,这时候配合

  $("#xxx").combogrid("setValue", item); //需重新赋值(这个地方需要再重新赋值一次)
  var gridData = $('#BaseCustomerIdsCom').combogrid('grid'); // 获取数据表格对象
  var rowData = gridData.datagrid('getSelected'); // 获取选择的行


能够获取到当前行的数据,把数据在赋值到右侧便可,右侧部分省略

遇到难点:

下拉框想让他一直处于下拉状态,有人会问为啥不用datagrid组件做,因为combogrid自带搜索功能,使用这个功能用combogrid会好用一些,唯一要解决的问题就是不让下拉框在点击其他地方时候回收。
最开始的想法是,捕获全局的点击事件,在里面加入$('#xxx').combobox('showPanel');
实际不理想,因为在点击其他地方的时候依旧会收一下,再显示,效果不好看
//捕获全局点击事件
$(document).on('click', function (e) {
$('#BaseCustomerIdsCom').combobox('showPanel');
});
后面找了很久,一直找不到合适的解决办法,查看官方文档也没有相应的内容
最后发现,其实combox的panel有个onClose的函数,在panel关闭要触发时候,尝试加入显示panel会怎么样?尝试一下,难点解决
$('#xxx').combobox('panel').panel({
onClose: function () {
$('#xxx').combobox('showPanel');
}
})

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
EasyUI常用控件禁用方法

1.validatebox可以用的用法:前两种适用于单个的validatebox; 第三种应用于整个form里面的输入框; <1>.$("#id").attr("readonly", true); ----- $("#id").removeAttr("readonly"); <2>.$("#i......

自由de风
2015/05/07
1.4K
0
EasyUI中combobox的代码实例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <met......

jxpxwh
2014/10/13
2
0
topjui中combobox使用

1.创建combobox的方法 常用的一种是通过Js定义,一种是通过在input输入框中定义,还有一种通过在selete标签中定义,可以去看easyui的官方文档 http://www.jeasyui.net/plugins/169.html 补充...

osc_fkjtc8e5
2019/04/15
16
0
EasyUI相关知识点整理

#EasyUI相关知识整理EasyUI是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。也就是说EasyUI只负责提供界面插件...

osc_hahlqsqq
2019/03/07
2
0
jquery禁用form表单中的文本框

//禁用form表单中所有的input[文本框、复选框、单选框],select[下拉选],多行文本框[textarea] function disableForm(formId, isDisabled) { var attr = "disable"; if (!isDisabled) { attr......

osc_pjx06t57
2018/01/23
7
0

没有更多内容

加载失败,请刷新页面

加载更多

如何获取NuGet以安装/更新packages.config中的所有软件包?

问题: I have a solution with multiple projects in it. 我有一个包含多个项目的解决方案。 Most of the third party references are missing, yet there are packages.config file for e......

fyin1314
14分钟前
7
0
Xcode中的版本与版本 - Version vs build in Xcode

问题: I have an app that I developed with Xcode 3 and recently started editing with Xcode 4. In the target summary I have the iOS application target form with fields: identifie......

javail
44分钟前
14
0
如何在Python中将字典键作为列表返回? - How to return dictionary keys as a list in Python?

问题: In Python 2.7 , I could get dictionary keys , values , or items as a list: 在Python 2.7中 ,我可以将字典键 , 值或项作为列表获取: >>> newdict = {1:0, 2:0, 3:0}>>> newd......

技术盛宴
今天
17
0
2020世界人工智能大会开幕首日 百度与浦发银行达成战略合作

本文作者:y****n 7月9日,2020世界人工智能大会开幕首日,百度与浦发银行签署战略合作协议,将在人工智能、金融科技等多个领域进一步深化合作。双方将优势互补,实现人工智能技术在金融领域...

百度开发者中心
昨天
26
0
Java中C ++ Pair 的等价物是什么? - What is the equivalent of the C++ Pair in Java?

问题: Is there a good reason why there is no Pair<L,R> in Java? 有没有一个很好的理由说明Java中没有Pair<L,R> ? What would be the equivalent of this C++ construct? 这个C ++构造的......

富含淀粉
今天
18
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部