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插件开发方法(附完整实例及下载)
Apr 01 Javascript
JS焦点图切换,上下翻转
May 12 Javascript
解决JS浮点数运算出现Bug的方法
Mar 12 Javascript
js改变img标签的src属性在IE下没反应的解决方法
Jul 23 Javascript
javascript中闭包(Closure)详解
Jan 06 Javascript
jQuery 常用代码集锦(必看篇)
May 16 Javascript
JavaScript SHA1加密算法实现详细代码
Oct 06 Javascript
利用pm2部署多个node.js项目的配置教程
Oct 22 Javascript
基于JavaScript实现抽奖系统
Jan 16 Javascript
在vue项目中使用Jquery-contextmenu插件的步骤讲解
Jan 27 jQuery
JavaScript闭包相关知识解析
Oct 19 Javascript
前端开发基础javaScript的六大作用
Aug 06 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
Zend Studio (eclipse)使用速度优化方法
2011/03/23 PHP
php数字转汉字代码(算法)
2011/10/08 PHP
php连接Access数据库错误及解决方法
2013/06/20 PHP
php常用的工具开发整理
2019/09/26 PHP
laravel 获取当前url的别名方法
2019/10/11 PHP
JavaScript OOP类与继承
2009/11/15 Javascript
JavaScript 学习技巧
2010/02/17 Javascript
JavaScript CSS 修改学习第四章 透明度设置
2010/02/19 Javascript
Tab页界面 用jQuery及Ajax技术实现(php后台)
2011/10/12 Javascript
jQuery常见开发技巧详细整理
2013/01/02 Javascript
jquery 单引号和双引号的区别及使用注意
2013/07/31 Javascript
JavaScript学习笔记之DOM基础 2.4
2015/08/14 Javascript
JS实现网页顶部向下滑出的全国城市切换导航效果
2015/08/22 Javascript
理解js回收机制通俗易懂版
2016/02/29 Javascript
jQuery基础知识点总结(必看)
2016/05/31 Javascript
原生JS京东轮播图代码
2017/03/22 Javascript
详谈js遍历集合(Array,Map,Set)
2017/04/06 Javascript
使用Nodejs连接mongodb数据库的实现代码
2017/08/21 NodeJs
vue数据传递--我有特殊的实现技巧
2018/03/20 Javascript
async/await地狱该如何避免详解
2018/05/10 Javascript
react MPA 多页配置详解
2019/10/18 Javascript
vue项目在webpack2实现移动端字体自适配功能
2020/06/02 Javascript
python3 字符串/列表/元组(str/list/tuple)相互转换方法及join()函数的使用
2019/04/03 Python
python实现的生成word文档功能示例
2019/08/23 Python
Django Admin中增加导出CSV功能过程解析
2019/09/04 Python
pandas之分组groupby()的使用整理与总结
2020/06/18 Python
Python3压缩和解压缩实现代码
2021/03/01 Python
css3实现圆锥渐变conic-gradient效果
2020/02/12 HTML / CSS
主要负责人任命书
2014/06/06 职场文书
多媒体编辑专业毕业生求职信
2014/06/13 职场文书
2014教师研修学习体会
2014/07/08 职场文书
新闻发布会活动策划方案
2014/09/15 职场文书
农业项目合作意向书
2015/05/08 职场文书
学籍证明模板
2015/06/18 职场文书
大学生入党自传2015
2015/06/26 职场文书
欠条格式范本
2015/07/03 职场文书