目录

  • 1、描述及效果
    • 1.1 描述
    • 1.2 效果
      • 1.2.1 例1效果图
      • 1.2.2 例2效果图
  • 2、思路
  • 3、步骤
    • 3.1 本次使用E9流程表单前端接口API介绍
      • 3.1.1 表单字段值变化触发事件
    • 3.2 上代码
      • 3.2.1 例1代码
      • 3.2.2 例2代码
  • 4、总结

1、描述及效果

1.1 描述

例1:在主表实现勾选check框计分,满分10分,共10个check框,每勾选一个check框计1分。
例2:在主表实现勾选check框计分,满分10分,共7个check框,每勾选一个check框计(10/7)分。

1.2 效果

1.2.1 例1效果图

示例图1-1:

1.2.2 例2效果图

示例图1-2:


2、思路

使用JQurey “:checked”选择器,获取主表选取所有选中check框;每选中一个check框,check框“.length”值依次递增,取消选中也会依次递减,这样就能得到所选中check框的总数。

3、步骤

3.1 本次使用E9流程表单前端接口API介绍

具体《E9流程表单前端接口API》详情,请参考泛微官方文献,本篇只介绍需要用到的API。

3.1.1 表单字段值变化触发事件

字段值变化即会触发所绑定的函数,可多次绑定bindFieldChangeEvent: function(fieldMarkStr,funobj)

参数说明

参数 参数类型 必须 说明
fieldMarkStr String 绑定字段标示,可多个拼接逗号隔开,例如:field110(主字段),field111_2(明细字段)……
funobj Function 字段值变化触发的自定义函数,函数默认传递以下三个参数,参数1:触发字段的DOM对象,参数2:触发字段的标示(field27555等),参数3:修改后的值

样例:

WfForm.bindFieldChangeEvent("field27555,field27556", function(obj,id,value){console.log("WfForm.bindFieldChangeEvent--",obj,id,value);
});

特别注意:

//如果字段绑定事件,事件内改变本字段的值,需要setTimeout延时下WfForm.bindFieldChangeEvent("field111", function(obj,id,value){window.setTimeout(function(){WfForm.changeFieldValue("field111",{value:"修改本字段值需要延时"});}, 10);WfForm.changeFieldValue("field222",{value:"修改非本字段不需要延时"});
});

3.2 上代码

3.2.1 例1代码

WfForm.bindFieldChangeEvent("field35234,field35235,field35236,field35237,field35238,field35239,field35240,field35241,field35242,field35243", function(obj,id,value){var checkedNumber = $(":checked").length;//获取已选中check框$("#field35244").val(checkedNumber);//将已选中check框“.length”赋值到“check框总分”
});

3.2.2 例2代码

WfForm.bindFieldChangeEvent("field35234,field35235,field35236,field35237,field35238,field35239,field35240", function(obj,id,value){var totalScore = 10 / 7;//声明变量值,总分为10分,共7个check框var checkedNumber = $(":checked").length;//获取已选中check框var checkedTotalScore = totalScore * checkedNumber;//计算分数$("#field35244").val(checkedTotalScore );//将已选中check框“.length”赋值到“check框总分”
});

4、总结

JQurey “:checked”选择器,获取的是主表所有选中check框,这也就限制了此方法只适合用于像效果图这样的需求。如果主表中有着其他不需要计分的check框,或者有100个check框拆分成两个部分来单独计分,此方法就不能满足了。

有大神路过,望指点一二。

再会!

泛微OA_E9之check框选中计分相关推荐

  1. 泛微JQ绑定check框事件

    jQuery(document).ready(function(){jQuery("#"+m_mould_fieldid+",#"+m_machine_fiel ...

  2. 泛微OA_E9之明细表选择框,选项带出主表审批人

    目录 1.需求描述 1.1 需求 1.2 描述 示例1:当明细行只有一行时 示例2:当明细行有多行时 2.思路 3.效果 效果1:明细表中的"选择框A"字段,当选项包含" ...

  3. Jquery和angularjs获取check框选中的值小技巧

    在我们平常的开发中,有时候会需要获取一下check框选中的值,以及check框选中行的所有信息.这个时候有一个小技巧那就是我们可以把要获取的信息全部放到check框的值里面,这样我们可以获取check ...

  4. 泛微Ecology8.0浏览框详解

    浏览框标签定义 人员 <brow:browser viewType="0" id="pName" name="pName" brows ...

  5. 泛微OA-年份浏览框增加年份值

    INSERT INTO WORKFLOW_FIELDYEAR(YEARID, YEARNAME) SELECT MAX(YEARID)+1 AS YEARID, MAX(YEARID)+1 AS YE ...

  6. 泛微OA ecology8的一些开发经验汇总

    目录 JS开发 引入js文件 表单提交校验 一些常用函数 最近一年都在接触泛微OA的一些开发工作,这篇文章将总结这一年以来的二次开发经验. JS开发 引入js文件 泛微表单建模中可以直接插入JS代码块 ...

  7. 泛微OA系统利用Check框控制字段显示隐藏

     如下代码所示: <table>之间为在html模板绘制的表格 <table border="1" width="627" height= ...

  8. 泛微E-Mobile4.5服务端安装手册

    第一章      安装前说明 1.本文档只做为E-mobile4.5服务器端安装配置手册! 2.E-Mobile4.5可运行在windows和linux服务器上 3.E-Mobile4.5必须与eco ...

  9. 泛微Excel文件导出

    泛微Excel文件导出 说明 前端代码 前端页面现有的id和name标准规格.配置页面: js代码: js代码注意点: 后端代码 jsp代码获取到数据并把数据以Excel形式表现出来 FL_Excel ...

最新文章

  1. [Android应用]《花界》V1.0 正式版隆重发布!
  2. CVPR‘21 | Involution:超越convolution和self-attention的神经网络新算子
  3. 共享一个资源(卖票)
  4. Leetcode--1014. 最佳观光组合(java)
  5. 【万字长文】创业公司就应该技术选型 Spring Cloud Alibaba , 开箱即用
  6. 区块链组织架构_区块链可以加速开放组织的5种方式
  7. CDH-5.9.2整合spark2
  8. ps插件套装imagenomic磨皮滤镜安装教程
  9. (详细)华为荣耀3C H30-TL00的Usb调试模式在哪里开启的步骤
  10. 谈谈对腾讯360之争的观感
  11. 【中级】2017项目集成管理工程师备考第五章-立项管理(上)
  12. 创业路演前准备好这些,距离融资成功还会远吗?
  13. 力扣-患某种疾病的患者
  14. 期货市场的投资者适当性原则
  15. mac下PHP安装mongodb的扩展
  16. 开启D3:是什么让程序员与设计师如此钟爱
  17. “价值投资高峰论坛”直播实录
  18. STM32与SYN6288语音合成模块的使用
  19. NLP实战一 利用OpenAI Codex实现中文转python代码
  20. ac远程web管理 r470gp tl_良心升级!TL-R470GP-AC一体化路由也支持无缝漫游了

热门文章

  1. postman及接口测试介绍:
  2. python压力测试脚本_Python 脚本生成测试数据,随机数据,压力测试
  3. 基于ZBar,OpenCV和Python的二维码识别
  4. java基础之什么是字符串常量池,class常量池和运行常量池?
  5. 使用自动和手动方法注释单细胞转录组图谱的指南
  6. 2023年湖北建筑七大员八大员怎么查询?查询入口是哪里?
  7. 基于大规模语料的新词发现算法【转自matix67】
  8. 路由器连接PC eNSP
  9. 人工学院2卡顿_人工学院2玩着玩着很卡 | 手游网游页游攻略大全
  10. 2023最新SSM计算机毕业设计选题大全(附源码+LW)之java实验室设备明细管理系统22ocb