layui表格点击排序按钮后,表格绑定事件失效解决方法

摘要:
最近,该项目更频繁地使用layui,并遇到了一个麻烦的问题。在线搜索没有发现相同类型的问题,所以我把它记下来=-1){chickstr=chickstr.charAt;}}});当页面刷新且未点击左侧指标排名的排序按钮时,上述触发事件有效,可以正常执行;但是,单击排序按钮后,上述触发事件无效。原因是,在layui单击排序后,表被重新组合,原始绑定事件无效。table.on('sort(demoEvent)',函数(obj){…table.reload(tableid,{…});//这里,我们需要重新绑定单元格的单击事件,因为在layui单击和排序之后,表被重新组合,原始绑定事件是无效的$(“table˃tbody˃tr˃td”)。单击(function){checkstr=$(this).attr(“数据字段”);if(typeof(checkstr)=‘string'){if(checkstr.indexOf(“indiCode”)!

最近项目使用layui较为频繁,遇到了一个麻烦的问题,网上搜索也没有看到同类型的问题,故此记下来。

layui表格点击排序按钮后,表格绑定事件失效解决方法第1张

需求是点击上图右侧表格中某一个单元格,会触发点击事件如下代码:

$("table>tbody>tr>td").click(function(){
  chickstr=$(this).attr("data-field");
  if(typeof(chickstr)=='string'){
  if(chickstr.indexOf("indiCode") != -1 ){
    chickstr=chickstr.charAt(chickstr.length-1);
  }
 }
});

当页面刷新后,不点击左侧指标排名处的排序按钮时,上面的触发事件有效,正常执行;但是当点击排序按钮后,上面的触发事件无效了

原因在于layui点击排序后,表格重新组合,原有绑定事件失效。

解决方法:在触发排序按钮的方法最后面,为表格重新绑定点击事件。

table.on('sort(demoEvent)', function(obj){ 
  ...
   table.reload(tableid, {
       ...
   });
   //此处需重新为单元格绑定点击事件,因为layui点击排序后,表格重新组合,原有绑定事件失效
   $("table>tbody>tr>td").click(function(){
  chickstr=$(this).attr("data-field");
  if(typeof(chickstr)=='string'){
  if(chickstr.indexOf("indiCode") != -1 ){
    chickstr=chickstr.charAt(chickstr.length-1);
  }
   }
   });  
});

 

 

 

免责声明:文章转载自《layui表格点击排序按钮后,表格绑定事件失效解决方法》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇No qualifying bean of type 'org.springframework.transaction.TransactionManager' available: more than one 'primary' bean found among candidates:sqlmap的安装下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

C# 如何提取SaveFileDialog的保存路径

直接使用代码1publicTestOne()2{3InitializeComponent();4SaveFileDialog();//调用打开SaveFileDialog保存对话框5}67#区域保存对话框8privateevoidSaveFileDialog()9{10//startlocalFilePath,fileNameExt,newFileName,...

DD-wrt+Wiwiz搭建私人免费(收费)WiFi认证页面+详细的操作教程

因此,请选择正确的DD-WRT版本将无线路由器连接到Internet。执行以下命令:#cd;wgethttp://dl.wiwiz.com/hsbuilder-util-latest-DD-WRT.tar.gz#cd/jffs ; tar zxf/tmp/root/hsbuilder-util-lalatest-DD-WRT.tar。gz#/jffs/usr...

db2数据导出导入del与ixf格式

ixf格式保存的是结构和数据,是一个二进制文件,ixf文件不可视。...

CSS躬行记(8)——裁剪和遮罩

裁剪最早是在CSS2.1时代由clip属性引入,但该属性只能应用于绝对定位的元素,并且只能裁剪成矩形。CSS3提供了强大的clip-path属性,突破了clip属性的众多限制,接下来将围绕clip-path属性展开讲解。3)裁剪路径对于复杂的形状,可以采用SVG来创建裁剪路径,实现自定义。2)替换元素的填充和定位CSS3引入了两个新属性,用于遮罩替换元素。...

FTPClient

(iReplyCode==331||iReplyCode==230)){CloseSocketConnect();thrownewIOException(strReply.Substring(4));}if(iReplyCode!=230){SendCommand("PASS"+strRemotePass);if(!=null){SendCommand("Q...

数据库软考易混淆知识之信息化基础、项目管理

2、 关键路径关键路径是活动图中最长的路径示例:图中显示了软件项目的活动图,其中固定点表示项目里程碑,连接顶点的边表示包含的活动,边上的数字表示活动持续时间的天数,则完成项目的最短时间为()天,活动EH和IJ的放松时间分别为()日。...