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 相关文章推荐
JavaScript CSS修改学习第六章 拖拽
Feb 19 Javascript
jQuery ul标签下拉菜单演示代码
Dec 11 Javascript
如何处理JSON中的特殊字符
Nov 30 Javascript
JavaScript定义函数的三种实现方法
Sep 23 Javascript
JS实现快递单打印功能【推荐】
Jun 21 Javascript
vue弹窗插件实战代码
Sep 08 Javascript
微信小程序功能之全屏滚动效果的实现代码
Nov 22 Javascript
JS使用Prim算法和Kruskal算法实现最小生成树
Jan 17 Javascript
JS实现带阴历的日历功能详解
Jan 24 Javascript
详解JavaScript栈内存与堆内存
Apr 04 Javascript
js和jquery判断数据类型的4种方法总结
Aug 28 jQuery
vue-cli3 热更新配置操作
Sep 18 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随机数生成代码与使用实例分析
2011/04/08 PHP
php从数据库查询结果生成树形列表的方法
2015/04/17 PHP
thinkphp微信开发(消息加密解密)
2015/12/02 PHP
关于jQuery UI 使用心得及技巧
2012/10/10 Javascript
js 获取radio按钮值的实例
2013/08/17 Javascript
javascript获取函数名称、函数参数、对象属性名称的代码实例
2014/04/12 Javascript
js判断滚动条是否已到页面最底部或顶部实例
2014/11/20 Javascript
JS实现自适应高度表单文本框的方法
2015/02/25 Javascript
EasyUI Pagination 分页的两种做法小结
2016/07/09 Javascript
jquery计算出left和top,让一个div水平垂直居中的简单实例
2016/07/13 Javascript
ionic实现下拉刷新载入数据功能
2017/05/11 Javascript
vue proxyTable 接口跨域请求调试的示例
2017/09/12 Javascript
微信小程序返回多级页面的实现方法
2017/10/27 Javascript
Express进阶之log4js实用入门指南
2018/02/10 Javascript
vue组件与复用详解
2018/04/08 Javascript
详解vue几种主动刷新的方法总结
2019/02/19 Javascript
JavaScript页面倒计时功能完整示例
2019/05/15 Javascript
[55:16]Mski vs VGJ.S Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
[01:01:24]LGD vs Fnatic 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python实现监控linux性能及进程消耗性能的方法
2014/07/25 Python
python实现的正则表达式功能入门教程【经典】
2017/06/05 Python
OpenCV-Python实现轮廓检测实例分析
2018/01/05 Python
Python 日期区间处理 (本周本月上周上月...)
2019/08/08 Python
python 写函数在一定条件下需要调用自身时的写法说明
2020/06/01 Python
Python3如何使用多线程升程序运行速度
2020/08/11 Python
英国男士时尚购物网站:Stuarts London
2017/10/22 全球购物
学前教育毕业生自荐信范文
2013/12/24 职场文书
2014年母亲节演讲稿范文
2014/05/07 职场文书
在校大学生自我评价范文
2014/09/12 职场文书
2014年置业顾问工作总结
2014/11/17 职场文书
2014年妇委会工作总结
2014/12/10 职场文书
肖申克的救赎观后感
2015/06/02 职场文书
欠款证明
2015/06/24 职场文书
Python数据清洗工具之Numpy的基本操作
2021/04/22 Python
10大幻兽系恶魔果实 蝙蝠果实上榜,第一自愈能力强
2022/03/18 日漫
python语言中pandas字符串分割str.split()函数
2022/08/05 Python