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 相关文章推荐
jQuery操作checkbox选择(list/table)
Apr 07 Javascript
Extjs优化(一)删除冗余代码提高运行速度
Apr 15 Javascript
js函数中onmousedown和onclick的区别和联系探讨
May 19 Javascript
javascript中数组的sort()方法的使用介绍
Dec 18 Javascript
javascript去除字符串中所有标点符号和提取纯文本的正则
Jun 07 Javascript
Bootstrap所支持的表单控件实例详解
May 16 Javascript
jqueryMobile 动态添加元素,展示刷新视图的实现方法
May 28 Javascript
JS设计模式之单例模式(一)
Sep 29 Javascript
JS阻止事件冒泡的方法详解
Aug 26 Javascript
vue props对象validator自定义函数实例
Nov 13 Javascript
JS浏览器BOM常见操作实例详解
Apr 27 Javascript
vue 计算属性和侦听器的使用小结
Jan 25 Vue.js
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
基于CakePHP实现的简单博客系统实例
2015/06/28 PHP
php使用pthreads v3多线程实现抓取新浪新闻信息操作示例
2020/02/21 PHP
简单三步,搞掂内存泄漏
2007/03/10 Javascript
jquery 锁定弹出层实现代码
2010/02/23 Javascript
Tinymce+jQuery.Validation使用产生的BUG
2010/03/29 Javascript
jquery 显示*天*时*分*秒实现时间计时器
2014/05/07 Javascript
JavaScript显示当前文档最后修改日期的方法
2015/03/19 Javascript
jquery左右全屏大尺寸多图滑动效果代码分享
2015/08/28 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
2015/10/16 Javascript
layer实现弹窗提交信息
2016/12/12 Javascript
NodeJS使用七牛云存储上传文件的方法
2017/07/24 NodeJs
AngularJS动态添加数据并删除的实例
2018/02/27 Javascript
js获取form表单中name属性的值
2019/02/27 Javascript
简单了解Javscript中兄弟ifream的方法调用
2019/06/17 Javascript
小程序如何在不同设备上自适应生成海报的实现方法
2019/08/20 Javascript
使用Vue-cli 中为单独页面设置背景图片铺满全屏
2020/07/17 Javascript
python常用函数详解
2016/09/13 Python
python 地图经纬度转换、纠偏的实例代码
2018/08/06 Python
详解python使用pip安装第三方库(工具包)速度慢、超时、失败的解决方案
2018/12/02 Python
Python理解递归的方法总结
2019/01/28 Python
Python的matplotlib绘图如何修改背景颜色的实现
2019/07/16 Python
Python openpyxl模块原理及用法解析
2020/01/19 Python
突袭HTML5之Javascript API扩展3—本地存储全新体验
2013/01/31 HTML / CSS
HTML5 移动页面自适应手机屏幕四类方法总结
2017/08/17 HTML / CSS
Html5 滚动穿透的方法
2019/05/13 HTML / CSS
九州传奇上机题
2014/07/10 面试题
社区学习十八大感想
2014/01/22 职场文书
面试后的感谢信范文
2014/02/01 职场文书
妇女儿童发展规划实施方案
2014/03/16 职场文书
爱护公共设施标语
2014/06/24 职场文书
端午节活动总结
2014/08/26 职场文书
2014年民主评议党员工作总结
2014/12/02 职场文书
嘉宾邀请函
2015/01/31 职场文书
限期整改通知书
2015/04/22 职场文书
大学生就业意向书
2015/05/11 职场文书
基于Go Int转string几种方式性能测试
2021/04/28 Golang