[自定义脚本] SDP 自定义脚本的常用功能
简介
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(); |