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);
    }
}
  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 泛微e9是一款功能强大的企业级应用开发平台,可以帮助企业快速实现自定义页面开发。通过泛微e9自定义页面开发,企业可以根据自身的业务需求,自由定制各种功能丰富、界面美观的企业应用页面。 泛微e9自定义页面开发具有以下特点: 1. 强大的可扩展性:泛微e9提供了丰富的API和开发工具,使得企业可以根据自己的需要自定义页面,添加所需的功能。无论是业务流程、数据查询、报表展示还是通知提醒,都可以根据实际需求进行开发。 2. 灵活的界面设计:泛微e9自定义页面开发支持响应式布局,可以根据设备的屏幕大小自动调整页面布局,确保在不同设备上都能够良好地展示。同时,还可以自定义页面主题、颜色等样式,使得页面更符合企业的品牌形象。 3. 丰富的开发组件:泛微e9提供了多种常用的开发组件,如表单、表格、图表等,可以帮助企业快速构建各种页面元素。这些组件都经过优化和测试,保证在各种场景下有着良好的性能和稳定性。 4. 易于集成其他系统:泛微e9自定义页面开发支持与其他系统的集成,可以通过API接口和数据服务进行数据的交互,实现不同系统之间的数据共享和协作。这样,企业可以将不同系统的功能有机地整合在一起,提高工作效率和系统的整体价值。 总之,泛微e9自定义页面开发为企业提供了一个灵活、可扩展且功能丰富的开发平台,使得企业能够根据自己的需求来实现各种定制化的企业应用页面。无论是提升工作效率、优化业务流程还是增强用户体验,泛微e9都能够提供有力的支持。 ### 回答2: 泛微e9是一款企业级的智能办公平台,提供丰富的定制化功能,其中包括自定义页面开发。 泛微e9自定义页面开发可以满足企业在不同业务场景下的个性化需求。通过该功能,用户可以根据自己的业务需求,自定义页面的布局、样式和交互逻辑,并将其集成到e9平台中。 在泛微e9自定义页面开发中,用户可以使用HTML、CSS、JavaScript等技术来进行页面开发,同时也可以利用e9平台提供的丰富的组件和API来快速构建功能强大的自定义页面。 泛微e9自定义页面开发的优势在于其灵活性和可定制性。用户可以根据自己的需要,灵活地设计和调整页面布局和样式,使其更符合企业的品牌形象和用户体验。同时,用户还可以根据实际业务需求,自定义页面的交互逻辑,实现个性化的功能流程。 值得一提的是,泛微e9自定义页面开发还具有良好的兼容性和扩展性。用户可以将自定义页面与现有的e9功能进行整合,并与其他系统进行集成,实现更高效的业务流程。此外,由于e9平台是基于微服务架构构建的,用户还可以通过开发和集成自己的微服务模块,进一步扩展和定制系统的功能。 总而言之,泛微e9自定义页面开发提供了一种强大而灵活的定制化能力,帮助企业快速构建和调整适应自身业务需求的智能办公环境。 ### 回答3: 泛微e9是一款流程管理软件,具备强大的自定义页面开发功能。通过自定义页面开发,可以灵活定制系统界面,满足企业特定的业务需求。 泛微e9自定义页面开发主要有以下几个步骤: 1.需求分析与设计:了解企业的业务需求,确定自定义页面的功能和界面设计。根据需求,设计页面布局、交互方式和数据展示方式。 2. 定义数据结构:根据自定义页面的功能需求,定义所需的数据结构。可以通过创建表单、字段来存储和管理数据。 3. 页面开发:使用泛微e9提供的开发工具(如e9设计器)进行页面开发。开发工具提供了丰富的组件和控件,可以快速创建界面元素,配页面逻辑、数据展示和交互方式。 4. 页面测试与优化:在开发完成后,进行页面测试,确保功能的正确性和稳定性。根据测试结果,进行优化和修复。 5. 发布与部署:将开发完成的自定义页面发布到泛微e9系统中。系统管理员可以根据需要将自定义页面分配给相应的用户或角色,并进行部署和配。 通过泛微e9自定义页面开发,企业可以根据自身的业务需求,定制符合企业特色的界面和功能。同时,自定义页面开发也提高了系统的灵活性和扩展性,满足企业不断变化的需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值