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高级程序设计 扩展--关于动态原型
Nov 09 Javascript
jQuery UI的Dialog无法提交问题的解决方法
Jan 11 Javascript
仿猪八戒网左下角的文字滚动效果
Oct 28 Javascript
jquery.Jwin.js 基于jquery的弹出层插件代码
May 23 Javascript
javascript实现动态改变层大小的方法
May 14 Javascript
详解Bootstrap glyphicons字体图标
Jan 04 Javascript
js实现多张图片延迟加载效果
Jul 17 Javascript
详解node nvm进行node多版本管理
Oct 21 Javascript
JavaScript实现的简单加密解密操作示例
Jun 01 Javascript
element-ui 设置菜单栏展开的方法
Aug 22 Javascript
微信小程序开发的基本流程步骤
Jan 31 Javascript
使用vue for时为什么要key【推荐】
Jul 11 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
dedecms采集中可以过滤多行代码的正则表达式
2007/03/17 PHP
php zlib压缩和解压缩swf文件的代码
2008/12/30 PHP
启用Csrf后POST数据时出现的400错误
2015/07/05 PHP
php实现网页缓存的工具类分享
2015/07/14 PHP
js之WEB开发调试利器:Firebug 下载
2007/01/13 Javascript
推荐30个新鲜出炉的精美 jQuery 效果
2012/03/26 Javascript
jQuery表单验证功能实例
2015/08/28 Javascript
详解JavaScript数组的操作大全
2015/10/19 Javascript
快速学习jQuery插件 Form表单插件使用方法
2015/12/01 Javascript
不间断循环滚动效果的实例代码(必看篇)
2016/10/08 Javascript
BootStrap 动态表单效果
2017/06/02 Javascript
angularjs的单选框+ng-repeat的实现方法
2018/09/12 Javascript
浅析Vue.js 中的条件渲染指令
2018/11/19 Javascript
小程序实现悬浮搜索框
2019/07/12 Javascript
Python基础知识_浅谈用户交互
2017/05/31 Python
python中安装Scrapy模块依赖包汇总
2017/07/02 Python
Tornado 多进程实现分析详解
2018/01/12 Python
基于python 二维数组及画图的实例详解
2018/04/03 Python
对python程序内存泄漏调试的记录
2018/06/11 Python
Python对象转换为json的方法步骤
2019/04/25 Python
python实现银联支付和支付宝支付接入
2019/05/07 Python
Python实现报警信息实时发送至邮箱功能(实例代码)
2019/11/11 Python
Elasticsearch py客户端库安装及使用方法解析
2020/09/14 Python
比驿:全球酒店比价网
2018/06/20 全球购物
Ever New加拿大官网:彰显女性美
2018/10/05 全球购物
Koral官方网站:女性时尚运动服
2019/04/10 全球购物
培训主管的岗位职责
2013/11/23 职场文书
早读迟到检讨书
2014/01/24 职场文书
纪律教育学习月活动总结
2014/08/27 职场文书
2014年大学生预备党员思想汇报1000字
2014/09/13 职场文书
商务英语邮件开头问候语
2015/11/10 职场文书
学校2016年全国助残日活动总结
2016/04/01 职场文书
redis限流的实际应用
2021/04/24 Redis
Python 循环读取数据内存不足的解决方案
2021/05/25 Python
Spring Bean的实例化之属性注入源码剖析过程
2021/06/13 Java/Android
Java中try catch处理异常示例
2021/12/06 Java/Android