简介
SDP中的自定义脚本包括:1、字段与表单规则中的执行脚本动作;2、页面脚本中的执行脚本动作
自定义脚本中可执行 JavaScript 和 jQuery 脚本。
注意:如需使用 jQuery ,在自定义脚本中,禁止使用 $ 作为 jQuery 的别称。
以下给出几种在 SDP 部署过程中,客户常常提到的需求,及实现方法,抛砖引玉。
选择器
jQuery的选择器Selecter提供多种选取元素的方式,能够帮助我们准确地选择我们指定的元素。
语法 | 描述 |
---|
jQuery(this) | 当前 HTML 元素 |
jQuery("p") | 所有 <p> 元素 |
jQuery("p.intro") | 所有 class="intro" 的 <p> 元素 |
jQuery(".intro") | 所有 class="intro" 的元素 |
jQuery("#intro") | id="intro" 的元素 |
jQuery("ul li:first") | 每个 <ul> 的第一个 <li> 元素 |
jQuery("[href$='.jpg']") | 所有带有以 ".jpg" 结尾的属性值的 href 属性 |
jQuery("div#intro .head") | id="intro" 的 <div> 元素中的所有 class="head" 的元素 |
隐藏元素
隐藏工单中的字段
通过字段与表单规则能够轻松实现在新建,编辑工单时隐藏字段。在自定义脚本编辑页面中可以找到对应的脚本。如图:
在工单详细页面隐藏字段
如需在工单详细页面隐藏字段。主要使用 jQuery 的隐藏方法 .hide()
以隐藏资产字段为例:
1)通过浏览器自带的开发者工具(F12)定位到对应的字段
2)选择适当的的jQuery选择器
以 jQuery('[data-cs-field="assets"]') 可以定位到此字段
3)在页面脚本中如下所示编写脚本。jQuery('[data-cs-field="assets"]').hide();
效果如图:
补充:
请求表单页面,隐藏附件模块
jQuery('[class="pos-rel layout-title"]').hide();
jQuery('[class="file-browser-area"]').hide();
请求详细界面,隐藏附件模块
jQuery("#file-browser-area").hide();
增加元素
修改元素
通过的 text 方法,修改问题
比如部分版本会有页面乱码问题。
参考隐藏元素的定位元素步骤,通过选择器找到对应元素后
使用如下图脚本即可:
jQuery('[id="selected_task_name"]').text("我的所有任务");
效果如图:
点击元素
在点开请求详细页面的时候自动点击系统通知按钮,实现默认勾选系统通知。
1、找到元素
2、测试
3、实现
脚本内容
jQuery(document).ready();
jQuery('[value="system_notifications"]').click(); |