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,//这两个一定设置为falseasync: 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);//添加子元素btnsubimtForm(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) //定义返回的格式为JSONpublic String modifySwitch(Map<String,String> map){String reqid = map.get("reqid");//开关表idString 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");//创建者IDrequestinfo.setWorkflowid("22"); // 工作流IDrequestinfo.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);}
}

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

vant 表单按钮置灰_Vant Button 按钮
引入import Vue from 'vue'; import { Button } from 'vant'; Vue.use(Button); 代码演示按钮类型支持default.primary ...
禁用form表单select置灰_UI设计中置灰功能总结
我最近在梳理产品报错场景的过程中,发现"置灰"状态的使用可以有效的提升报错场景中的用户体验.今天我就针对UI设计中置灰功能总结进行简单的说明. 一.置灰「置灰」是相对于「常态」而 ...
UI设计中置灰功能总结
我最近在梳理产品报错场景的过程中,发现"置灰"状态的使用可以有效的提升报错场景中的用户体验.今天我就针对UI设计中置灰功能总结进行简单的说明. 一.置灰「置灰」是相对于「常态」而 ...
html 重置按钮如何居中,如何设置html 表单按钮的位置，如居中，急？
设置html 表单按钮的位置的代码是: 超文本标记语言, 标准通用标记语言下的一个应用. " 超文本 "就是指页面内可以包含图片. 链接,甚至音乐. 程序等非文字元素. 超级文本标 ...
图形界面 I: 用于表单按钮的函数与删除界面元素 (第四章)
目录简介表单按钮的函数删除界面元件结论简介本文是关于图形界面系列文章第一部分的续篇. 第一篇文章图形界面 I: 库结构的准备工作 (第一章) 详细解释了库的目标. 在每章末尾会有第一部分文 ...
表单实现登录注册功能
为了开发出一个家教信息服务网站,家教注册登录,家教信息发布这些都需要通过表单还实现. 系列文章汇总: 一.整体设计:家教信息服务平台的开发二.前端设计:表单实现登录注册功能三.后台设计:MySQL ...
点击按钮执行php函数,从表单按钮调用PHP函数
搜索热词好吧,我的脚本应该看起来像那样.我必须主要在PHP中进行操作.按钮添加应将数据保存到文件,显示应读取该文件并将其放入textarea,删除必须删除所选行,然后重置将重置所有内容. $plik ...
html表单按钮有,用好表单的按钮（一）_html
对于一个交互式表单,按钮是必不可少的.按钮一般分为两类,一类本身就具有特定的功能,叫做特殊按钮,如Submit(提交按钮)――用于传输用户所填写的信息至服务器.Reset(复原按钮)――清除所填写的信 ...
html更改表单按钮文字,HTML进阶应用技巧（十）用好表单的按钮
一.制作常规按钮制作按钮非常简单,在标记中把type参数设置为:type="submit"就获得一个提交按钮,如本例的"提交"按钮:在标记中把type参数设 ...

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

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

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

1.3：插入代码块

1.4：示例代码

1.5 后端代码示例

表单按钮置灰功能说明

后端代码

代码创建流程

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

最新文章

热门文章