网上有一些用泛微自带 js 库的处理方法,今天写的是用 jQuery 做处理的办法。
首先观察E8表单中,配置了隐藏和显示的字段的不同。可以注意到,被隐藏的明细表头增加了一个 css 类 ,叫做 detail_hide_col 。
数一下要隐藏的字段在表头中的第几列。用 jQuery 的路径表达式就可以做到。直接调用 jQuery 的 addClass() 或者 removeClass() 方法就可以实现元素的显示和隐藏。
注意 jQuery 表达式中,元素的下标是从 0 开始的。观察网页源代码,id 为 oTable0 的 table 元素中,其第 3 个 tr 元素中的最后一个 td 元素,应该写作下面的样子。
$("#oTable0 > tbody > tr:eq(2) > td:last")
同时需要注意 js 脚本在 “+” 运算的过程中,字符和数字相加会得到字符的问题。比如 "1"+3="13" 等。
获取是否勾选的明细表的单元格,可以参考下面 css 元素的不同。
下面是选中后的单元格(多选框)样式。
(完)