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 JQUERY实现滚动条自动滚到底的方法
Jan 09 Javascript
AngularJS学习笔记之依赖注入详解
May 16 Javascript
使用js获取地址栏参数的方法推荐(超级简单)
Jun 14 Javascript
hovertree插件实现二级树形菜单(简单实用)
Dec 28 Javascript
js仿微博动态栏功能
Feb 22 Javascript
vue自定义全局组件(自定义插件)的用法
Jan 30 Javascript
vue 2.0 购物车小球抛物线的示例代码
Feb 01 Javascript
微信小程序onLaunch异步,首页onLoad先执行?
Sep 20 Javascript
AngularJS $http post 传递参数数据的方法
Oct 09 Javascript
js/jQuery实现全选效果
Jun 17 jQuery
解决vue-cli webpack打包开启Gzip 报错问题
Jul 24 Javascript
利用JavaScript为句子加标题的3种方法示例
Jan 05 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的5个安全措施小结
2012/07/17 PHP
修改php.ini以达到屏蔽错误信息并记录日志
2013/06/16 PHP
[原创]php逐行读取txt文件写入数组的方法
2015/07/02 PHP
Yii开启片段缓存的方法
2016/03/28 PHP
PHP编程计算两个时间段是否有交集的实现方法(不算边界重叠)
2017/05/30 PHP
PHP析构函数destruct与垃圾回收机制的讲解
2019/03/22 PHP
关于juqery radio写法的兼容性问题(新老版本jquery)
2010/06/14 Javascript
一个简单的JavaScript数据缓存系统实现代码
2010/10/24 Javascript
JavaScript高级程序设计(第3版)学习笔记5 js语句
2012/10/11 Javascript
javascript自动改变文字大小和颜色的效果的小例子
2013/08/02 Javascript
自己使用jquery写的一个无缝滚动的插件
2014/04/30 Javascript
javascript的document.referrer浏览器支持、失效情况总结
2014/07/18 Javascript
Javascript基础教程之switch语句
2015/01/18 Javascript
Javascript中的apply()方法浅析
2015/03/15 Javascript
js运动应用实例解析
2015/12/28 Javascript
javascript实现不同颜色Tab标签切换效果
2016/04/27 Javascript
JS实现环形进度条(从0到100%)效果
2016/07/05 Javascript
JavaScrpt的面向对象全面解析
2017/05/09 Javascript
Angular4.0中引入laydate.js日期插件的方法教程
2017/12/25 Javascript
vue 插件的方法代码详解
2019/06/06 Javascript
浅谈vuex为什么不建议在action中修改state
2020/02/02 Javascript
[03:39]DOTA2英雄梦之声_第05期_幽鬼
2014/06/23 DOTA
[01:01:04]2018DOTA2亚洲邀请赛 4.5 淘汰赛 OpTic vs TNC 第一场
2018/04/06 DOTA
wxPython 入门教程
2008/10/07 Python
Python 自动安装 Rising 杀毒软件
2009/04/24 Python
Python中的is和id用法分析
2015/01/26 Python
使用Django和Python创建Json response的方法
2018/03/26 Python
Python多线程原理与用法实例剖析
2019/01/22 Python
python使用python-pptx删除ppt某页实例
2020/02/14 Python
Python各种扩展名区别点整理
2020/02/27 Python
利用CSS3实现进度条的两种姿势详解
2017/03/21 HTML / CSS
英国标准协会商店:BSI Shop
2019/02/25 全球购物
美国最大最全的亚洲购物网站:美国亚米网(Yamibuy)
2020/05/05 全球购物
在C语言中"指针和数组等价"到底是什么意思?
2014/03/24 面试题
办公室内勤岗位职责范本
2013/12/09 职场文书
平凡的世界读书笔记
2015/06/25 职场文书