一看就会，超有用活字格技能：六十四，图文列表中每个项目作为整体触发相同事件

图文列表大家应该多多少少都在自己的系统中使用多，毕竟这个单元格类型能够实现的效果实在是太多种多样了~
总结一句，只要脑洞大，什么都不怕哈哈~

回到正题，最近我们遇到了一个用户有这么个需求，需要在图文列表中每个项目区域，任意位置点击，触发相同的事件。如下图，点击每一个红框的任意位置，触发相同的事件。

  

实现方式：
1.打开工程文件，在文件--设置--自定义JavaScript中-添加文件，引用附件中的Script.js文件；  
也可点击新建文件，将下放这段代码复制进去；

1. $(document).on("click", function (e) {
   
2.     var pageName = "页面1";//图文列表所在页面名称
   
3.     var repeaterName = "员工列表";//图文列表单元格名称
   
4. 
   
5.     if (Forguncy.Page.getPageName() !== pageName) {
   
6.         return;
   
7.     }
   
8. 
   
9.     if (!e.target ||
   
10.         $(e.target).parents("[fgcname='" + repeaterName + "']").length <= 0) {
    
11.         return;
    
12.     }
    
13. 
    
14.     var container;
    
15.     if ($(e.target).hasClass('repeater-item')) {
    
16.         container = $(e.target);
    
17.     } else {
    
18.         container = $(e.target).parents(".repeater-item");
    
19.     }
    
20.     if (container.length <= 0) {
    
21.         return;
    
22.     }
    
23. 
    
24.     container.find("button").trigger("click");
    
25. });

复制代码

2.设计图文列表，实现效果，效果如下：点击每项内容区域任意位置，弹出当前对应的详情；
  

各位可以下载↓↓↓附件工程试试哦~
图文列表点击示例.fgcc (94.78 KB, 下载次数: 286)

2019-9-5 11:52 上传

点击文件名下载附件

Script.js (707 Bytes, 下载次数: 275)

2019-9-5 11:58 上传

点击文件名下载附件