增加明细行渲染功能
This commit is contained in:
parent
7ddaf35a72
commit
96221f8ea3
64
明细行渲染.html
Normal file
64
明细行渲染.html
Normal file
@ -0,0 +1,64 @@
|
||||
<script type="text/javascript">
|
||||
/*
|
||||
* 代码中调用了泛微的新增明细行的钩子事件,适用时注意替换明细表编号
|
||||
* 代码中的 “ wf-detail-0 ” 是明细 1 的class。
|
||||
* 如需要行渲染的明细表为明细2,需将 “ wf-detail-0 ” 替换为 “ wf-detail-1 ”。
|
||||
* 其他明细表以此类推。
|
||||
*/
|
||||
//增加行渲染效果
|
||||
let myTimeout;
|
||||
WfForm.registerAction(WfForm.ACTION_ADDROW + "1", function (index) {
|
||||
clearTimeout(myTimeout);
|
||||
myTimeout = setTimeout(() => {
|
||||
$(".wf-detail-0 .excelDetailContent tbody tr.detail_data_row").off('click');
|
||||
$(".wf-detail-0 .excelDetailContent tbody tr.detail_data_row").off('dblclick');
|
||||
$(".wf-detail-0 .excelDetailContent tbody tr.detail_data_row").click(event => {
|
||||
if (event.ctrlKey) {
|
||||
if ($(event.currentTarget).hasClass("myChooseRow")) {
|
||||
$(event.currentTarget).removeClass("myChooseRow");
|
||||
} else {
|
||||
$(event.currentTarget).addClass("myChooseRow");
|
||||
}
|
||||
}
|
||||
});
|
||||
$(".wf-detail-0 .excelDetailContent tbody tr.detail_data_row").dblclick(event => {
|
||||
if ($(event.currentTarget).hasClass("myChooseRow")) {
|
||||
$(event.currentTarget).removeClass("myChooseRow");
|
||||
} else {
|
||||
$(event.currentTarget).addClass("myChooseRow");
|
||||
}
|
||||
});
|
||||
}, 300);
|
||||
});
|
||||
$(".wf-detail-0 .excelDetailContent tbody tr.detail_data_row").click(event => {
|
||||
if (event.ctrlKey) {
|
||||
if ($(event.currentTarget).hasClass("myChooseRow")) {
|
||||
$(event.currentTarget).removeClass("myChooseRow");
|
||||
} else {
|
||||
$(event.currentTarget).addClass("myChooseRow");
|
||||
}
|
||||
}
|
||||
});
|
||||
$(".wf-detail-0 .excelDetailContent tbody tr.detail_data_row").dblclick(event => {
|
||||
if ($(event.currentTarget).hasClass("myChooseRow")) {
|
||||
$(event.currentTarget).removeClass("myChooseRow");
|
||||
} else {
|
||||
$(event.currentTarget).addClass("myChooseRow");
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<style type="text/css">
|
||||
.wf-detail-0 .excelDetailContent tbody tr.detail_data_row:hover {
|
||||
box-shadow:
|
||||
0px 0px 0.3px rgba(0, 0, 0, 0.155),
|
||||
0px 0px 0.9px rgba(0, 0, 0, 0.222),
|
||||
0px 0px 1.8px rgba(0, 0, 0, 0.278),
|
||||
0px 0px 3.7px rgba(0, 0, 0, 0.345),
|
||||
0px 0px 10px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.wf-detail-0 .excelDetailContent tbody tr.detail_data_row.myChooseRow {
|
||||
background-color: bisque;
|
||||
}
|
||||
</style>
|
Loading…
x
Reference in New Issue
Block a user