博客
关于我
自定义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/

    你可能感兴趣的文章
    npm的问题:config global `--global`, `--local` are deprecated. Use `--location=global` instead 的解决办法
    查看>>
    NR,NF,FNR
    查看>>
    nrf开发笔记一开发软件
    查看>>
    NSDateFormatter的替代方法
    查看>>
    NSOperation基本操作
    查看>>
    NSSet集合 无序的 不能重复的
    查看>>
    NT AUTHORITY\NETWORK SERVICE 权限问题
    查看>>
    ntko文件存取错误_苹果推送 macOS 10.15.4:iCloud 云盘文件夹共享终于来了
    查看>>
    Nuget~管理自己的包包
    查看>>
    nullnullHuge Pages
    查看>>
    NumPy 或 Pandas:将数组类型保持为整数,同时具有 NaN 值
    查看>>
    numpy 用法
    查看>>
    Numpy如何使用np.umprod重写range函数中i的python
    查看>>
    oauth2-shiro 添加 redis 实现版本
    查看>>
    OAuth2.0_JWT令牌-生成令牌和校验令牌_Spring Security OAuth2.0认证授权---springcloud工作笔记148
    查看>>
    OAuth2.0_JWT令牌介绍_Spring Security OAuth2.0认证授权---springcloud工作笔记147
    查看>>
    OAuth2.0_介绍_Spring Security OAuth2.0认证授权---springcloud工作笔记137
    查看>>
    OAuth2.0_完善环境配置_把资源微服务客户端信息_授权码存入到数据库_Spring Security OAuth2.0认证授权---springcloud工作笔记149
    查看>>
    OAuth2.0_授权服务配置_Spring Security OAuth2.0认证授权---springcloud工作笔记140
    查看>>
    OAuth2.0_授权服务配置_令牌服务和令牌端点配置_Spring Security OAuth2.0认证授权---springcloud工作笔记143
    查看>>