E9表单按钮置灰功能与单元格自定义属性说明

one 大白(●—●)

已于 2023-01-03 16:47:13 修改

阅读量1.4k

点赞数 1

分类专栏：泛微OA Ecology 文章标签： E9 流程表单自定义按钮

于 2021-02-02 18:23:40 首次发布

本文链接：https://blog.csdn.net/weixin_42292697/article/details/111385389

版权

泛微OA 同时被 2 个专栏收录

9 篇文章 12 订阅

订阅专栏

Ecology

6 篇文章 3 订阅

订阅专栏

E9表单

1：表单单元格自定义按钮配置说明

1.1：选中需要设置按钮的单元格

1.2：设置单元格自定义属性

鼠标右键====》设置自定义属性====》id、name、class 如下图：

1.3：插入代码块

在这里插入图片描述

1.4：示例代码

如下：

<script>
var htmlDom=document.getElementById("clickUid");
var btn=document.createElement('button');
btn.innerText="生成编号";
btn.style.cssText="background:white";
htmlDom.appendChild(btn);

$("#clickUid").click(function(){
	       var formData = new FormData();	
	       formData.append("wllx", WfForm.getFieldValue("field8457"));
	      $.ajax({
		    url:"/api/hz/matterNum",    //新增人员请求的url地址
			dataType: "json",   //返回格式为json
	//		    contentType: "application/x-www-form-urlencoded;charset=UTF-8",
		    contentType: false,//这里
	           processData: false,//这两个一定设置为false
		    async: true,//请求是否异步，默认为异步，这也是ajax重要特性
		    //参数值
		    data: formData,    
		   
		    type:"POST",   //请求方式
		    beforeSend:function(data){
		        //请求前的处理
		    },
		    success:function(req){
		        //请求成功时处理
		    },
		      complete:function(ajax){
	          //使用JSON.parse方法将json字符串解析称为json对象
	           var data = JSON.parse(ajax.responseText);
	
	                   WfForm.changeFieldValue("field8459", {value:data });
		    //请求完成的处理
		    },
		    error:function(data){
		        //请求出错处理
		    }
		});
	});
</script>

1.5 后端代码示例

/**
 * @description:
 * @author: zhangyp
 * @createDate: 2020/12/11
 * @version: 1.0
 */
@Path("/hz")
public class MatterNumApi extends BaseBean {
    Log log = LogFactory.getLog(MatterNumApi.class);

    @POST
    @Path("/matterNum")
    @Produces({"text/plain"})
    public String findMatterNumFromSap(@Context HttpServletRequest var1, 
@Context HttpServletResponse var2) {
        log.info("测试进入--海正博瑞向SAP查询物料主数据接口);
        String matterNum = "";
        FileUpload var166 = new FileUpload(var1);
        String wllx = Util.null2String(var166.getParameter("wllx"));

}

表单按钮置灰功能说明

2.1：选中插入代码块
前端js代码

<script>
  // 页面刷新加载
// var a=jQuery("#clickUid").val("点击生成编号");
// 生成编号
var htmlDom=document.getElementById("workflowSwitch"); //获得元素id
var btn=document.createElement('button'); // 创建button元素
btn.innerText="流程开关";   // 设置button的显示文本
htmlDom.appendChild(btn); // 在元素中添加一个子元素button
//设置状态值
var htmlDomStatus=document.getElementById("switchStatus"); //获得元素id
var btn=document.createElement('button'); // 创建button元素

// 页面加载时执行
showSwitchStatus();

// 显示按钮开关状态按钮
function showSwitchStatus(){
  //请求的参数，需要与请求的参数类型对应，本处为json格式
  var  formData = {
          reqid:"1",//后台接口配置开关id
  }
  $.ajax({
       url:"/api/base/showSwitchStatus",//请求的url，
       type:"post",
        dataType:"json",//请求的参数格式
        contentType: 'application/json',
        data: JSON.stringify(formData),    //将请求的参数做一层包装传到后台，避免出现格式出错的现象  
        success:function(req){
          //得到后台返回的数据，将按钮开关的状态显示到表单中
          btn.innerText=req.switchValue;  // 设置button的显示文本
          htmlDomStatus.appendChild(btn);//添加子元素btn
          subimtForm(req.switchValue);//根据返回的数据是否将菜单置为灰色
       }
    });
}

//点击按钮时触发ajax
$("#workflowSwitch").click(function(){
clickButton();
});

function clickButton(){
var btnstatus=btn.innerText;//获取开关状态信息
    var  formData = {
        reqid:"1",
       switchValue:btnstatus
    }
    // 流程开关
$.ajax({
       url:"/api/base/modifyswitch",
       type:"post",
        dataType:"json",
        contentType: 'application/json',
        data: JSON.stringify(formData),
        success:function(req){
      // 刷新页面,重新加载开关状态信息
      location.reload();
       }
    });
}
// 将按钮置为不可用
function subimtForm(params){
	 if(params=="false"){
	 WfForm.controlBtnDisabled(true);    //操作按钮置灰
	}
 }
</script>

后端代码

BaseSwitchApi

package com.api.demo.web;

import com.demo.jack.web.BaseSwitchAction;

import javax.ws.rs.Path;

/**
 * @program: ecology_zp
 * @author: Mr.zeng
 * @create: 2020-12-18 11:37
 **/
@Path("/base")
public class BaseSwitchApi extends BaseSwitchAction {
}

BaseSwitchAction

package com.demo.jack.web;

import com.alibaba.fastjson.JSON;
import com.api.demo.common.BaseSwitchDao;
import weaver.conn.RecordSet;

import javax.ws.rs.*;
import javax.ws.rs.core.MediaType;
import java.util.HashMap;
import java.util.Map;

/**
 * @program: ecology_zp
 * @author: Mr.zeng
 * @create: 2020-12-18 10:42
 **/
public class BaseSwitchAction {
    public  final RecordSet rs=new RecordSet(); //操作数据库的对象
    public static final String tableName="base_switch"; //基础开关表

    // 修改接口
    @POST
    @Path("/modifyswitch")
    @Produces(MediaType.APPLICATION_JSON) //定义返回的格式为JSON
    public String modifySwitch(Map<String,String> map){
        String reqid = map.get("reqid");//开关表id
        String value = map.get("switchValue");//开关表的值 (true/false)

        // 修改开关
        new BaseSwitchDao().updateById(rs,tableName,value,reqid);
        return JSON.toJSONString(new HashMap<String,Integer>().put("code",200));
    }

    // 返回开关状态
    @POST
    @Path("/showSwitchStatus") //Path 要放在Produces前
    @Produces(MediaType.APPLICATION_JSON)
    public String showSwitchStatus(Map<String,String> map){
        String reqid=map.get("reqid");
        // 查询给前台返回结果
        RecordSet recordSet = new BaseSwitchDao().selectById(rs, tableName, reqid);
        Map<String,Object> hashmap=new HashMap<String, Object>();
        while (recordSet.next()){
            String switchName = recordSet.getString("switch_name");
            String switchValue = recordSet.getString("switch_value");
            hashmap.put("switchName",switchName);
            hashmap.put("switchValue",switchValue);
        }
        return JSON.toJSONString(hashmap);
    }
}

BaseSwitchDao

package com.api.demo.common;

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import weaver.conn.RecordSet;

/**
 * @program: ecology_zp
 * @author: Mr.zeng
 * @create: 2020-12-18 10:48
 **/
public class BaseSwitchDao {
    public static final Logger LOGGER= LoggerFactory.getLogger(BaseSwitchDao.class);

    // 查询基础表
    public RecordSet selectById(RecordSet rs,String tableName,String id){
        String sql="select * from "+tableName+" where id=?";
        rs.executeQuery(sql,id);
        LOGGER.info(sql+id);
        return rs;
    }

    // 修改开关
    public void updateById(RecordSet rs,String tableName,String value,String id){
        if(value.equals("true")){
            value="false";
        }else {
            value="true";
        }
        String sql="UPDATE "+tableName+" SET switch_value=? WHERE id=?";
        rs.executeUpdate(sql,value,id);
    }
}

代码创建流程

TestWF2

import weaver.general.GCONST;
import weaver.soa.workflow.request.*;

/**
 * @program: ecology_zp
 * @author: Mr.zeng
 * @create: 2020-12-17 20:01
 **/
public class TestWF2 {
    public static void main(String[] args) {
        String s = new TestWF2().TestWfHe();
        System.out.println(s);
    }
    // 初始化
    static {
        String rootPath  = "D:\\WEAVER\\ecology\\";
        GCONST.setRootPath(rootPath);
        GCONST.setServerName("ecology");
    }
    public String TestWfHe() {
        RequestInfo requestinfo = new RequestInfo();
        requestinfo.setCreatorid("21");//创建者ID
        requestinfo.setWorkflowid("22"); // 工作流ID
        requestinfo.setRequestlevel("0"); // 紧急程度:0正常，1重要，2紧急
        requestinfo.setRemindtype("1"); // 提醒类型
        requestinfo.setIsNextFlow("0");//不自动流转至下一节点
        requestinfo.setDescription("描述");

        MainTableInfo table = new MainTableInfo();
        table.addProperty(getPro("wb","zzl"));
        // 附件暂时不可生成，还未解决
        Property fj = getPro("fj", "http://www.baidu.com/img/fddong_e2dd633ee46695630e60156c91cda80a.gif");
        fj.setType("http");
        table.addProperty(fj);
        requestinfo.setMainTableInfo(table);
        /*DetailTableInfo tables = new DetailTableInfo();*/
//        DetailTable OneTable = new DetailTable();
//        OneTable.setId("1");//表示明细表1
//        for(int i=0;i<2;i++){//明细表行数
//            Row row = new Row();
//            Cell czlx = getCell("name","mx_zzl");//操作类型
//            row.addCell(czlx);
//            OneTable.addRow(row);
//        }
//        tables.addDetailTable(OneTable);
//        requestinfo.setDetailTableInfo(tables);

        RequestService requestService  = new RequestService();
        String requestid = "";
        try {
            requestid = requestService.createRequest(requestinfo);
        } catch (Exception e) {
            e.printStackTrace();

        }
        System.out.println("流程创建成功="+requestid);
        return requestid;
    }
    public Property getPro(String field,String value) {
        Property property = new Property();
        property.setName(field);
        property.setValue(value);
        return property;
    }
    public Cell getCell(String field,String value) {
        Cell cel = new Cell();
        cel.setName(field);
        cel.setValue(value);
        return cel;
    }

CronTemplate 定时任务代码

import com.api.demo.workflow.TestWF2;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import weaver.interfaces.schedule.BaseCronJob;

/**
 * @program: ecology_zp
 * @author: Mr.zeng
 * @create: 2020-12-17 15:15
 **/
public class CronTemplate extends BaseCronJob {
    Logger LOGGER = LoggerFactory.getLogger(CronTemplate.class);
    public void execute(){
        LOGGER.info("进入定时任务");
        // 支持占位符输出, 不定参数
        LOGGER.debug("debug级别消息进入定时任务: {}, {}", "参数1", "参数2");
        LOGGER.info("info级别消息!进入定时任务");
        LOGGER.warn("warn级别消息!进入定时任务");
        LOGGER.error("error级别消息进入定时任务!");
        String s = new TestWF2().TestWfHe();
        System.out.println("System 打印："+s);
    }
}