EasyUI 主题 insdep 左侧菜单 选中状态重复 Bug 修复
EasyUI 主题 insdep 左侧菜单 选中状态重复 Bug 修复
石头记 发表于7个月前
EasyUI 主题 insdep 左侧菜单 选中状态重复 Bug 修复
  • 发表于 7个月前
  • 阅读 36
  • 收藏 0
  • 点赞 0
  • 评论 0
摘要: 选择折叠菜单中的某一个菜单后,打开另一个折叠菜单单击,返回上一个折叠菜单,出现两个选中状态 bug 修复

问题描述:选择折叠菜单中的某一个菜单后,打开另一个折叠菜单单击,返回上一个折叠菜单,出现两个选中状态

上核心代码

 <!--start easyui-accordion--> 
<div id="aa"  class="easyui-accordion" data-options="border:false,fit:true" >   
 <div title="公共信息">   
  <ul class="easyui-datalist" data-options="border:false,fit:true">
   <li><i class="fa fa-cog" aria-hidden="true"></i> 企业文化</li>
   <li>公文</li>
   <li>新闻公告</li>
   <li>重大信息</li>
  </ul>  
</div>   
<div title="个人事务">   
 <ul class="easyui-datalist" data-options="border:false,fit:true">
   <li>内部邮件</li>
   <li>我的日志</li>
   <li>我的提醒</li>
  </ul>      
</div>   

<!--end easyui-accordion--> 

添加如下js

$('#aa').accordion({
 onSelect:function(){
   //删除所有所中状态
   $(".datagrid-row").removeClass('datagrid-row-checked datagrid-row-selected');
 }
});

 

测试发现每当切换标签,选中状态都会消失。修改最终js如下

function createTab(url){

				$(".datagrid-row").removeClass('datagrid-row-checked datagrid-row-selected');
				
				$('#content').panel('refresh', '/easyUI/'+url+'.html');
			}

当有新的点击事件,移除所有效果。

共有 人打赏支持
粉丝 14
博文 109
码字总数 30117
×
石头记
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: