开发者社区> 问答> 正文

宜达平台,自己搭建的应用,在自定义页面中,如何用代码隐藏某个按钮?

宜达平台,自己搭建的应用,在自定义页面中,如何用代码隐藏某个按钮?
如下图:
image.png

这个页面是自定义页面,上面有个按钮"新增",如何用写代码的方式控制这个代码隐藏?

展开
收起
度年如日 2023-08-29 14:02:29 318 0
4 条回答
写回答
取消 提交回答
  • 十年摸盘键,代码未曾试。 今日码示君,谁有上云事。

    你可以参考一下隐藏宜搭附件的下载按钮, 操作路径:在宜搭附件组件>>高级>>新建动作(上传成功)进行代码编辑,详情如下:

    目前还不支持修改宜搭页面上的“新增”按钮为其他字段。

    你也可以参考一下隐藏页面提交按钮是如何设置代码的。 宜搭内隐藏提交按钮可以在 js 动作面板中的 didMount 函数中写代码document.getElementsByClassName('deep-form-submit')[0].style.display = 'none'将提交按钮隐藏,代码仅供参考,你要根据自己实际情况修改代码。

    如果只想隐藏电脑端或者移动端页面的提交按钮,需要找到页面内提交按钮的 class 值,点击访问进到提交数据页面,然后鼠标右键点击检查找到提交按钮的 class ,将 deep-form-submit 换成 class 值。

    2023-08-30 09:18:29
    赞同 1 展开评论 打赏
  • 天下风云出我辈,一入江湖岁月催,皇图霸业谈笑中,不胜人生一场醉。

    您好,宜搭内隐藏提交按钮可以在 js 动作面板中的 didMount 函数中写代码document.getElementsByClassName('deep-form-submit')[0].style.display = 'none'将提交按钮隐藏,代码仅供参考。

    如果只想隐藏电脑端或者移动端页面的提交按钮,需要找到页面内提交按钮的 class 值,点击访问进到提交数据页面,然后鼠标右键点击检查找到提交按钮的 class ,将 deep-form-submit 换成 class 值。image.png

    2023-08-29 23:53:50
    赞同 展开评论 打赏
  • 面对过去,不要迷离;面对未来,不必彷徨;活在今天,你只要把自己完全展示给别人看。

    在宜达平台的自定义页面中,您可以使用代码来隐藏某个按钮。以下是一种常见的实现方式:

    1. 打开自定义页面的编辑器,找到需要隐藏的按钮所对应的 HTML 元素或标签。

    2. 在对应的 HTML 元素或标签上添加一个 CSS 类名或 ID,用于后续的选择器操作。

    3. 在自定义页面的 JavaScript 部分,使用 DOM 操作和样式属性来控制该按钮的显示或隐藏。您可以使用以下代码示例:

    // 通过类名选择器隐藏按钮
    document.querySelector('.your-button-class').style.display = 'none';
    
    // 或者通过 ID 选择器隐藏按钮
    document.getElementById('your-button-id').style.display = 'none';
    

    在以上示例代码中,.your-button-classyour-button-id 分别代表您为按钮所添加的类名和 ID。

    1. 保存并发布您的自定义页面,确保更改生效。
    2023-08-29 19:35:39
    赞同 展开评论 打赏
  • 十分耕耘,一定会有一分收获!

    楼主你好,您可以使用JavaScript代码控制隐藏按钮。在页面加载完成后,找到该按钮的元素,然后使用CSS样式将其隐藏,如下所示:

    document.addEventListener('DOMContentLoaded', function() {
      var button = document.getElementById('button-id'); // 替换成您要隐藏的按钮的ID
      button.style.display = 'none';
    });
    

    这将把您要隐藏的按钮的CSS样式的display属性设置为“none”,使其不会显示在页面上。

    2023-08-29 15:03:47
    赞同 展开评论 打赏
问答地址:
关联地址:
问答排行榜
最热
最新

相关电子书

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