开发者社区> 问答> 正文

宜搭普通表单的问题

已解决

普通表单的数据管理页点击“详情”打开之后默认的是数据查看状态,需要点击“编辑”后才能对数据进行编辑
image.png
如何实现打开详情页后默认的就是编辑状态呢?
有知道的大佬麻烦指点一下,感激不尽!!!

展开
收起
study---one 2024-11-19 15:53:11 74 0
1 条回答
写回答
取消 提交回答
  • 若问题得到了解决,辛苦点下采纳回答哦~
    采纳回答

    您好,可以在didmount写原生JS代码获取编辑按钮,再自触发下点击事件实现,可以参考以下代码示例
    image.png

      // 延迟500毫秒获取编辑按钮,避免页面还没渲染完获取不到
      setTimeout(function () {
        // 获取 .next-btn-primary.deep-button-group-item 节点
        const parentElement = document.querySelector('.next-btn-primary.deep-button-group-item');
        // 检查编父节点是否存在
        if (parentElement) {
          // 获取孙节点 .next-btn-helper
          const childElement = parentElement.querySelector('.next-btn-helper');
          console.log(childElement,111)
          // 检查孙节点是否存在
          if (childElement && childElement.textContent.trim() === '编辑') {
            // 触发父节点的点击事件
            parentElement.click();
          }
        }
      }, 500);
    

    最终效果:
    打开页面默认会自动点击一次编辑按钮
    image.png

    2024-11-21 12:29:21
    赞同 143 展开评论 打赏
问答分类:
问答地址:
关联地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载