【分享】宜搭子表单点击新增自动展开最后一项,折叠前面所有项.

简介: 宜搭子表单点击新增自动展开最后一项,折叠前面所有项. by 页一

效果如下

GIF 2023-2-12 18-25-59.gif


代码如下,将下面代码绑定到子表单的添加和删除事件中,如下图

tableField_ldz8oqh8替换成你的子表fieldId 注意前面的点和后面的空格

exportfunctiononAddClick(newGroupId) {
//tableField_ldz8oqh8替换成你的子表fieldId 注意前面的点和后面的空格leteleList=document.querySelectorAll('.tableField_ldz8oqh8 .child-form-panel-title');
eleList.forEach((item, index) => {
letchildEle=item.querySelector('.next-collapse-panel-title');
if (_.indexOf(item.classList, "next-collapse-panel-expanded") !==-1) { //已展开if (index!==eleList.length-1&&childEle) childEle.click();
    } else {
if (index===eleList.length-1&&childEle) childEle.click();
    }
  })
}

image.png

钉钉.png+

目录
相关文章
|
6月前
|
BI
宜搭流程表单报表的表格内如何设置点击跳转到表单的详情页面
宜搭流程表单报表的表格内如何设置点击跳转到表单的详情页面
724 0
|
3月前
宜搭子表单内数据提交时如何与历史数据进行去重效验?
宜搭子表单内数据提交时如何与历史数据进行去重效验?不是仅仅在当前提交页面内的子表单数据进行重复效验。
宜搭子表单内数据提交时如何与历史数据进行去重效验?
|
3月前
|
UED
【打造梦幻联动!】揭秘钉钉宜搭中的单选关联选项设置与图文展示的魔术 —— 让你的表单瞬间变身智能导游!
【8月更文挑战第7天】随着企业信息化的发展,办公自动化工具如钉钉宜搭成为提高效率的关键。宜搭是一款低代码平台,支持灵活的表单设计与流程管理。以旅行社报名表为例,介绍如何实现单选字段联动图文展示:用户选择目的地后自动显示相关信息。设计上,先创建单选和图文字段,再设置联动逻辑。通过简单的后台配置即可实现动态展示效果,提升用户体验与数据准确性。
104 0
|
6月前
|
人工智能 自然语言处理 数据挖掘
产品更新|宜搭AI 新增「智能数据分析」「智能表单」两项功能!
「宜搭AI」开放新一期功能:智能数据分析、智能表单,已支持在宜搭网页端使用体验。
482 0
产品更新|宜搭AI 新增「智能数据分析」「智能表单」两项功能!
|
6月前
|
JavaScript 数据可视化 前端开发
钉钉宜搭通过js触发子表单数据联动
钉钉宜搭通过js触发子表单数据联动
|
11月前
【宜搭】如何获取子表单当前操作行的值
在子表单onChange事件中,如何获取当前操作行的值
340 0
|
安全
宜搭普通表单内可以添加外部链接的页面吗
宜搭普通表单内可以添加外部链接的页面吗
199 0
【分享】宜搭抽屉内嵌入表单,表单提交后自动隐藏抽屉
抽屉内嵌入表单,表单提交后自动隐藏抽屉
556 1
宜搭中,通过代码赋值后触发子表单的多行公式编辑
宜搭中,通过代码赋值后触发子表单的多行公式编辑
419 1
|
前端开发 容器
宜搭子表单的css设置
可以通过css的方式修改宜搭子表单的字体,行高,行间距等,仅提供个人操作供参考,具体情况请亲自测试再评价测试
465 1
宜搭子表单的css设置

相关产品