js动态添加删除,后台取数据(示例代码)


Posted in Javascript onNovember 25, 2013

环境描述:就像你一般在论坛上发表文章,可能带附件,附件的数量是你手动添加删除的!!
/************************************************************************
*** 添加审批表单模板
************************************************************************/
// 增长的索引
var itemIndex = 1000;
// 数量
var counter = 0;
// 模板
var itemTemplate = '';
itemTemplate += '<div id="item_#itemIndex#" style="width: 100%;">';
itemTemplate += '   <span style="width: 80px">表单字段</span>';
itemTemplate += '   <input type="text" name="flowFormFieldCfgElement(#itemIndex#).name" style="width: 205px;"/>';
itemTemplate += '   值类型 <select name="flowFormFieldCfgElement(#itemIndex#).valueType">';
itemTemplate += '       <option value="java.lang.String" selected>字符串</option>';
itemTemplate += '       <option value="java.lang.Integer">数字(整数)</option>';
itemTemplate += '       <option value="java.util.Date">日期(yyyy-MM-dd)</option>';
itemTemplate += '   </select>';
itemTemplate += '   <input type="button" class="btnDelItem" onclick="delItem(#itemIndex#)" value="删除">';
itemTemplate += '</div>';

// 添加
function addItem() {
var s = itemTemplate.replace(/#itemIndex#/g, itemIndex);
$("#divFormFields").append(s);
itemIndex ++;
counter ++;
}

// 删除
function delItem(index) {
$("#item_" + index).remove();
counter = counter - 1;
}

 

public class FlowFormConfigActionForm extends ActionForm {
private int id;
private String name;
private String processName;

private String formFillTemplatePath;
private String formShowTemplatePath;
private Map<String, FlowformFieldConfig> flowFormFieldCfgMap = new TreeMap<String, FlowformFieldConfig>();

/** 表单复杂属性 */
public FlowformFieldConfig getFlowFormFieldCfgElement(String key){
if(!flowFormFieldCfgMap.containsKey(key)){
flowFormFieldCfgMap.put(key, new FlowformFieldConfig());
}
return flowFormFieldCfgMap.get(key);
}

*U*****

 

public class FlowformFieldConfig {
private int id;
private String name;
private Class<?> valueType;

 

主要要原理是:struts1.*在jsp显示的时候,会先从formbean里通过get***方法拿出属性的值!!

flowFormFieldCfgElement(#itemIndex#).name 这是核心,如果flowFormFieldCfgElement(#itemIndex#)为空的话,就会出错,所以在/** 表单复杂属性 */
public FlowformFieldConfig getFlowFormFieldCfgElement(String key){
if(!flowFormFieldCfgMap.containsKey(key)){
flowFormFieldCfgMap.put(key, new FlowformFieldConfig());
}
return flowFormFieldCfgMap.get(key);
}
做了判断!!
如果还有不懂的人可以给我留言!!

Javascript 相关文章推荐
js动态添加onload、onresize、onscroll事件(另类方法)
Dec 26 Javascript
javascript贪吃蛇完整版(源码)
Dec 09 Javascript
jQuery实现返回顶部功能适合不支持js的浏览器
Aug 19 Javascript
使用JS获取当前地理位置方法汇总
Dec 18 Javascript
javascript中clipboardData对象用法详解
May 13 Javascript
总结AngularJS开发者最常犯的十个错误
Aug 31 Javascript
javascript常用经典算法详解
Jan 11 Javascript
BootStrap自定义popover,点击区域隐藏功能的实现
Jan 23 Javascript
微信小程序radio组件使用详解
Jan 31 Javascript
使用vue打包时vendor文件过大或者是app.js文件很大的问题
Jun 29 Javascript
深入理解JS异步编程-Promise
Jun 03 Javascript
VueCli生产环境打包部署跨域失败的解决
Nov 13 Javascript
javascript新建标签,判断键盘输入,以及判断焦点(示例代码)
Nov 25 #Javascript
jQuery中获取checkbox选中项等操作及注意事项
Nov 24 #Javascript
javascript 弹出的窗口返回值给父窗口具体实现
Nov 23 #Javascript
javascript 实现字符串反转的三种方法
Nov 23 #Javascript
Javascript 鼠标移动上去 滑块跟随效果代码分享
Nov 23 #Javascript
jquery实现图片滚动效果的简单实例
Nov 23 #Javascript
js图片向右一张张滚动效果实例代码
Nov 23 #Javascript
You might like
用php实现的获取网页中的图片并保存到本地的代码
2010/01/05 PHP
自编函数解决pathinfo()函数处理中文问题
2014/11/03 PHP
javascript中的prototype属性使用说明(函数功能扩展)
2010/08/16 Javascript
javascript调试之DOM断点调试法使用技巧分享
2014/04/15 Javascript
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
2014/08/14 Javascript
判断window.onload是否多次使用的方法
2014/09/21 Javascript
JavaScript操作class和style样式代码详解
2016/02/13 Javascript
微信小程序前端源码逻辑和工作流
2016/09/25 Javascript
jquery移除了live()、die(),新版事件绑定on()、off()的方法
2016/10/26 Javascript
javascript ASCII和Hex互转的实现方法
2016/12/27 Javascript
Angular4 中常用的指令入门总结
2017/06/12 Javascript
详解axios 全攻略之基本介绍与使用(GET 与 POST)
2017/09/15 Javascript
微信小程序之swiper轮播图中的图片自适应高度的方法
2018/04/23 Javascript
微信小程序使用wxParse解析html的方法示例
2019/01/17 Javascript
async/await优雅的错误处理方法总结
2019/01/30 Javascript
[48:27]EG vs Liquid 2018国际邀请赛淘汰赛BO3 第二场 8.25
2018/08/29 DOTA
[01:48:04]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant BO3 第一场 2月7日
2021/03/11 DOTA
python paramiko实现ssh远程访问的方法
2013/12/03 Python
基于python yield机制的异步操作同步化编程模型
2016/03/18 Python
Python实现可获取网易页面所有文本信息的网易网络爬虫功能示例
2018/01/15 Python
Python 爬虫之Beautiful Soup模块使用指南
2018/07/05 Python
Django操作session 的方法
2020/03/09 Python
python实现ssh及sftp功能(实例代码)
2020/03/16 Python
Python Tricks 使用 pywinrm 远程控制 Windows 主机的方法
2020/07/21 Python
匡威帆布鞋美国官网:Converse美国
2016/08/22 全球购物
李维斯德国官方网上商店:Levi’s德国
2016/09/10 全球购物
运动会100米解说词
2014/01/23 职场文书
学院党的群众路线教育实践活动整改方案
2014/10/04 职场文书
优秀团员事迹材料
2014/12/25 职场文书
催款函怎么写
2015/06/24 职场文书
运动会加油稿50字
2015/07/21 职场文书
演讲稿之感恩老师(三篇范文)
2019/09/06 职场文书
关于React Native使用axios进行网络请求的方法
2021/08/02 Javascript
MYSQL 的10大经典优化案例场景实战
2021/09/14 MySQL
golang语言指针操作
2022/04/14 Golang
MySQL事务的隔离级别详情
2022/07/15 MySQL