一看就会，超有用活字格技能：六十四，图文列表中每个项目作为整体触发相同事件
本帖最后由 Tracy.Liu 于 2019-9-5 13:35 编辑图文列表大家应该多多少少都在自己的系统中使用多，毕竟这个单元格类型能够实现的效果实在是太多种多样了~
总结一句，只要脑洞大，什么都不怕;P哈哈~
回到正题，最近我们遇到了一个用户有这么个需求，需要在图文列表中每个项目区域，任意位置点击，触发相同的事件。如下图，点击每一个红框的任意位置，触发相同的事件。
实现方式：
1.打开工程文件，在文件--设置--自定义JavaScript中-添加文件，引用附件中的Script.js文件；
也可点击新建文件，将下放这段代码复制进去；
$(document).on("click", function (e) {
var pageName = "页面1";//图文列表所在页面名称
var repeaterName = "员工列表";//图文列表单元格名称
if (Forguncy.Page.getPageName() !== pageName) {
return;
}
if (!e.target ||
$(e.target).parents("").length <= 0) {
return;
}
var container;
if ($(e.target).hasClass('repeater-item')) {
container = $(e.target);
} else {
container = $(e.target).parents(".repeater-item");
}
if (container.length <= 0) {
return;
}
container.find("button").trigger("click");
});
2.设计图文列表，实现效果，效果如下：点击每项内容区域任意位置，弹出当前对应的详情；
各位可以下载↓↓↓附件工程试试哦~
页:
[1]