首页 > 其他分享 >解决折叠面板Collapse上点击复选框会触发折叠面板问题

解决折叠面板Collapse上点击复选框会触发折叠面板问题

时间:2023-11-23 18:23:33浏览次数:32  
标签:触发 Collapse 折叠 复选框 点击 面板

问题描述:

折叠面板前面加复选框,但是点击复选框会触发折叠面板,将面板打开或折叠,如下

 

解决方案:

给复选框添加组织事件冒泡 e.stopPropagation()

 效果如下:

 

标签:触发,Collapse,折叠,复选框,点击,面板
From: https://www.cnblogs.com/qinyuanchun/p/17852187.html

相关文章

  • Ubuntu20.04安装Docker及汉化版管理面板Portainer
    一、安装Docker 1、由于apt官方库里的docker版本可能比较旧,所以先卸载可能存在的旧版本:sudoapt-getremovedockerdocker-enginedocker-cedocker.io 2、更新apt包索引:sudoapt-getupdate 3、安装以下包以使apt可以通过HTTPS使用存储库(repository):sudoapt-getinst......
  • R语言面板平滑转换回归(PSTR)分析案例实现|附代码数据
    全文下载链接: http://tecdat.cn/?p=3765最近我们被客户要求撰写关于PSTR的研究报告,包括一些图形和统计输出。在本文中,建模过程包括三个阶段:表述,估计和评估,本文帮助用户进行模型表述、估计,进行PSTR模型评估 ( 点击文末“阅读原文”获取完整代码数据)。在程序包中实现了集群依赖......
  • a-table 含有折叠按钮 按钮位置需要变动
    问题描述:ant-design中a-table含有children 则出现折叠按钮,但是折叠按钮不在第一列展示在第二列 解决办法:<a-table:columns="columns":data-source="dataList":expandIconColumnIndex="1"//添加需要展示在第几列:expandIconAsCell="false"......
  • 修改宝塔面板的密码
    [root@iZ0jli4z283gmz8eumt9gqZ~]#bt===============宝塔面板命令行==================(1)重启面板服务(8)改面板端口(2)停止面板服务(9)清除面板缓存(3)启动面板服务(10)清除登录限制(4)重载面板服务(11)设置是否开启IP+......
  • CocosCreator脚本属性在属性面板的显示
    声明属性要声明属性,需要在cc.Class定义的properties字段中,填写属性名字和属性参数。cc.Class({extends:cc.Component,properties:{score:{default:0,type:cc.Integer,displayName:"分数",tooltip:"玩家的分数"}}}); 下拉列表要在属性检查器上显示为下拉......
  • 西门子HMI第一次下载:由于缺少面板映像,下载失败。请安装缺少的面板映像。请参阅文档
    第一次下载HMI时提示:由于缺少面板映像,下载失败。请安装缺少的面板映像。请参阅文档。 原因:组态时的HMI固件版本与触摸屏实际的版本不相符组态版本:16.0.0.0硬件实际版本:15.1.0.0  查看HMI硬件固件版本:1、点击Settings2、找到......
  • Linux 本地AMH 服务器管理面板实现远程访问方法
    AMH是一款基于Linux系统的服务器管理面板,它提供了一系列的功能,包括网站管理、FTP管理、数据库管理、DNS管理、SSL证书管理等。使用AMH云主机面板可以方便地管理服务器,提高工作效率。AMH面板远程访问的好处在于,用户可以通过互联网远程登录到服务器主机面板,方便地管理和维......
  • ggplot画组合热图,设置面板间距
    ggplot(Data,aes(x=Cancer,y=Type,fill=Number))+geom_tile()+scale_x_discrete(position="top")+  #设置x轴坐标位置scale_fill_gradient(low="white",high="#0000ff")+ #设置热图颜色的过渡值theme_minimal()+facet_grid(Type......
  • 批处理快速打开控制面板中的功能项
     案例:@echoofftitle快速打开声音面板echo正在打开,请稍等...startcontrolmmsys.cplexit 控制面板扩展程序,位置:C:\Windows\System32RTSnMg64.cplRealtek高清晰音频管理器access.cpl  辅助功能选项/键盘appwiz.cpl  添加或删除程序bthprops.cpl  蓝牙设备desk.c......
  • 博客园cnblogs的代码折叠
    实现折叠的代码如下:<details><summary>查看代码</summary><pre><code>这里写需要被折叠的代码</code></pre></details>效果如下:查看代码这里写需要被折叠的代码参考链接:https://www.cnblogs.c......