仅限阅读    请勿传播
当您阅读本方案时，即表示您同意不传播本方案的所有内容
版本
文档主题(Title)
【开发技巧】流程表单HTML扩展开发（推荐：设计器实现设置表单元素的长度）
作者(Author)
胡顺
审批者(To Be Approved By)
说明(Comments)
文件名称(File Name)
【开发技巧】流程表单HTML扩展开发（推荐：设计器实现设置表单元素的长度）.doc
文档版本历史:
序号
日期
版本
变更说明
修改人
注释
1.
2017-12-19
创建目录功能点
刘泰宏
2.
2018-表单设计器怎么做2-1
完善各模块内容
胡顺
3.
4.
1.说明
难度：★★★☆☆
预计时间：1小时
涉及代码开发：有
目标需求：
  此案例适用项目人员通过流程表单HTML设计器实现自定义控制表单元素的长度。当不得不这么做的时候，请参考该方案进行适当调整。
可以按照客户要求对时间流程表单进行适当改造。
流程表单上面布局、校验、样式等功能
可以jQuery的方式进行适当改造。
知识点：
基本信息：
背景知识：
1、在阅读本教程之前,需具备html和JavaScript基本知识。
2、在阅读本教程之前,需具备jsp页面读写的基本能力。
最终效果：
通过流程表单HTML设计器实现自定义控制表单元素的长度
实现隐藏表单原始边框
实现表单元素未输入内容时悬浮提醒的效果
html签字节点格式调整（内容在左，署名在右）
html签字节点按时间排序并调整格式
2.准备工作
1、准备一台和正式环境一致操作系统的服务器。
3.（推荐）实现自主设置表单元素的长度
将附件提供的上传到服务器的/css/width/目录下面。
3.1.支持PC端及手机端HMTL模式流程表单（单个流程）
 
1.在代码块中单个流程引入css样式文件<LINK href="/css/width/" type=text/css rel=STYLESHEET>
如（如图1）。
（图1）
2.在需要自主设置长度单元格式设置class 例如图2 里面 的class w50 表示设置这个框子里面的input长度为50px。如果设置为w100 则限制长度为100px，具体效果如图3
（图2）
（图3）
3.2.HMTL模式流程引入样式文件（一劳永逸）
1.新建流程界面流程引入css样式文件<LINK href="/css/width/" type=text/css rel=STYLESHEET>
    需要修改ecology/workflow/request/文件。如（如图4）。
（图4）
2.查看及处理流程界面流程引入css样式文件<LINK href="/css/width/" type=text/css rel=STYLESHEET>需要修改ecology/workflow/request/。如（如图4）。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。