博客
关于我
自定义JS事件中快速选择指定dom
阅读量:581 次
发布时间:2019-03-11

本文共 703 字,大约阅读时间需要 2 分钟。

标题:在帆软报表中高效使用控件的自定义JS事件功能

描述:

在帆软报表中,控件的事件功能非常实用。要通过自定义JS实现专业化效果,可以参考文档中的“JS实现”关键词来获取详细技术支持。

问题:

虽然JS对非程序员和报表制作人员来说有一定的门槛,尤其是jQuery选择器的学习成本较高,但在报表设计中,自定义JS事件常常需要获取指定DOM完成绑定或属性修改操作。本文旨在通过快速定位DOM,提供完成自定义JS设计的详细指导。

准备:

推荐使用以下工具和资源:帆软报表设计器与现代浏览器(建议使用最新版本或符合实际需求的浏览器配置)。

步骤:

为了更具体地说明操作‘‘示例’’作为详细说明。文档将指导您完成以下步骤:
4.1报表设计:
按照相关操作的指引,完成报表设计工作流程中的1、2、3步骤。

4.2JS脚本快速获取DOM:

操作方法:

  • 在Chrome浏览器中打开开发者工具(F12或Ctrl+Shift+I)。
  • 切换至Elements(元素)视图,找到需要获取的DOM节点。
  • 单击目标元素,开发者工具会自动选中该节点。
  • 右键点击获取到的节点,选择“Copy selector”将自定义CSS选择器复制到剪贴板,方便粘贴使用。
  • 通过这个方法,您可以快速获取精确的DOM选择器,轻松实现自定义JS操作。此处提供的示例代码可直接复制至JS脚本编辑器中,简化操作流程。

    注意事项:

  • 获取到的CSS选择器可能较长,但不必担心,准确性是最重要的。
  • 由于基于Chrome获取的DOM信息,建议在实际使用前测试不同浏览器的兼容性。
  • 以上方法简单直截了当,适合对JS不熟悉的报表制作人员,既节省时间,又保证了操作的准确性。

    转载地址:http://qrqvz.baihongyu.com/

    你可能感兴趣的文章
    Nginx的可视化神器nginx-gui的下载配置和使用
    查看>>
    Nginx的是什么?干什么用的?
    查看>>
    Nginx访问控制_登陆权限的控制(http_auth_basic_module)
    查看>>
    nginx负载均衡器处理session共享的几种方法(转)
    查看>>
    nginx负载均衡的5种策略(转载)
    查看>>
    nginx负载均衡的五种算法
    查看>>
    Nginx运维与实战(二)-Https配置
    查看>>
    Nginx配置ssl实现https
    查看>>
    Nginx配置TCP代理指南
    查看>>
    Nginx配置——不记录指定文件类型日志
    查看>>
    Nginx配置代理解决本地html进行ajax请求接口跨域问题
    查看>>
    Nginx配置参数中文说明
    查看>>
    Nginx配置好ssl,但$_SERVER[‘HTTPS‘]取不到值
    查看>>
    Nginx配置如何一键生成
    查看>>
    Nginx配置实例-负载均衡实例:平均访问多台服务器
    查看>>
    NIFI1.21.0通过Postgresql11的CDC逻辑复制槽实现_指定表多表增量同步_增删改数据分发及删除数据实时同步_通过分页解决变更记录过大问题_02----大数据之Nifi工作笔记0054
    查看>>
    NIFI从MySql中增量同步数据_通过Mysql的binlog功能_实时同步mysql数据_配置数据路由_实现数据插入数据到目标数据库_实际操作03---大数据之Nifi工作笔记0042
    查看>>
    NIFI同步MySql数据_到SqlServer_错误_驱动程序无法通过使用安全套接字层(SSL)加密与SQL Server_Navicat连接SqlServer---大数据之Nifi工作笔记0047
    查看>>
    Nifi同步过程中报错create_time字段找不到_实际目标表和源表中没有这个字段---大数据之Nifi工作笔记0066
    查看>>
    NIFI大数据进阶_离线同步MySql数据到HDFS_02_实际操作_splitjson处理器_puthdfs处理器_querydatabasetable处理器---大数据之Nifi工作笔记0030
    查看>>