开发者社区> 问答> 正文

报表-基础表格内有图片一栏,如何实现点击图片后放大预览图片?

捕获.PNG

展开
收起
游客7clyxnlmapksm 2023-11-18 15:11:52 159 0
来自:钉钉宜搭
7 条回答
写回答
取消 提交回答
  • 最近宜搭公众号推送了这个小技巧 可以去找找

    2024-01-23 22:43:21
    赞同 展开评论 打赏
  • 宜搭报表页面的图片目前还不可以放大和旋转,报表页面在编辑状态下点击预览可以有整体的一个放大,单独报表不可以放大和旋转,饼图可以下钻查看报表百分比。

    建议可以等后续宜搭更新迭代。

    2023-11-29 16:53:23
    赞同 展开评论 打赏
  • 若回答对您有帮助,记得点下赞同哦~

    你好可以给你的预览地址配置链接跳转参考下图
    image.png

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

    在报表-基础表格中,可以实现点击图片后放大预览图片的功能。具体的实现方法如下:

    1. 首先,在报表设计界面中,选择要显示图片的列,并将其设置为图片类型。
    2. 接下来,在图片属性面板中,找到“事件”选项卡,并将鼠标悬停在其上方。
    3. 在弹出的下拉菜单中,选择“点击”事件,并在右边的事件函数框中输入以下代码:
    function(event) {
      window.open(event.data.image_url, '_blank');
    }
    
    1. 最后,保存报表设计,并预览效果。

    通过上述步骤,当用户在报表中点击图片时,系统将打开一个新的浏览器窗口,显示放大的图片预览效果。需要注意的是,这里的代码假设图片URL存储在"data.image_url"字段中,如果实际情况不同,请自行修改代码中的字段名。

    2023-11-19 14:58:25
    赞同 展开评论 打赏
  • 在宜搭中,可以通过设置交互动作来实现在基础表格内的图片点击后放大预览的功能。具体步骤如下:

    1. 首先,在基础表格中添加一个图片字段,用于展示图片。

    2. 然后,选中该图片字段,点击右侧的“交互”选项卡。

    3. 在交互设置中,选择“鼠标单击”事件,并设置其触发的动作为“打开新窗口”。

    4. 在弹出的窗口中,设置新窗口的URL为图片的实际链接地址,并勾选“设置新窗口大小”,将宽度和高度设置为你想要的预览尺寸。

    5. 最后,保存并发布你的报表,即可实现在基础表格内点击图片后放大预览的效果了。

    2023-11-18 22:02:02
    赞同 展开评论 打赏
  • 十年摸盘键,代码未曾试。 今日码示君,谁有上云事。

    宜搭报表页面的图片目前还不可以放大和旋转,报表页面在编辑状态下点击预览可以有整体的一个放大,单独报表不可以放大和旋转,饼图可以下钻查看报表百分比。可以等后续宜搭更新迭代。

    2023-11-18 17:50:48
    赞同 1 展开评论 打赏
  • 在报表的设计视图中,选择要插入图片的单元格;
    在工具栏上点击“插入”按钮,在弹出的菜单中选择“对象”;
    在对象对话框中选择需要显示的图片文件,并点击“确定”;
    右键点击刚刚插入的图片,在弹出的菜单中选择“超链接”;
    在超链接对话框中设置目标为“打开”,并输入图片文件的完整路径和文件名,然后点击“确定”;

    2023-11-18 16:38:59
    赞同 展开评论 打赏
滑动查看更多
问答分类:
问答地址:
关联地址:
来源圈子
更多
收录在圈子:
+ 订阅
「宜搭」是云钉原生低代码平台(钉钉 PaaS - aPaaS),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
问答排行榜
最热
最新

相关电子书

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