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的方法汇总
Feb 05 Javascript
基于BootStrap实现局部刷新分页实例代码
Aug 08 Javascript
深入浅析Vue不同场景下组件间的数据交流
Aug 15 Javascript
Angular2里获取(input file)上传文件的内容的方法
Sep 05 Javascript
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 jQuery
webpack写jquery插件的环境配置
Dec 21 jQuery
vue+element加入签名效果(移动端可用)
Jun 17 Javascript
通过实例解析js简易模块加载器
Jun 17 Javascript
node.js处理前端提交的GET请求
Aug 30 Javascript
vue 父组件通过$refs获取子组件的值和方法详解
Nov 07 Javascript
vue+echarts实现动态折线图的方法与注意
Sep 01 Javascript
原生JavaScript实现简单五子棋游戏
Jun 28 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
MySql中正则表达式的使用方法描述
2008/07/30 PHP
php iconv() : Detected an illegal character in input string
2010/12/05 PHP
深入HTTP响应状态码速查表的详解
2013/06/07 PHP
测试php连接mysql是否成功的代码分享
2014/01/24 PHP
Thinkphp自定义生成缩略图尺寸的方法
2019/08/05 PHP
利用JS自动打开页面上链接的实现代码
2011/09/25 Javascript
Textarea与懒惰渲染实现代码
2012/01/04 Javascript
基于javascipt-dom编程 table对象的使用
2013/04/22 Javascript
JS 作用域与作用域链详解
2015/04/07 Javascript
4种JavaScript实现简单tab选项卡切换的方法
2016/01/06 Javascript
深入剖析JavaScript:Object类型
2016/05/10 Javascript
vue2.0 与 bootstrap datetimepicker的结合使用实例
2017/05/22 Javascript
JavaScript创建对象_动力节点Java学院整理
2017/06/27 Javascript
vue2过滤器模糊查询方法
2018/09/16 Javascript
vue 解决addRoutes多次添加路由重复的操作
2020/08/04 Javascript
js+css3实现简单时钟特效
2020/09/13 Javascript
python django 访问静态文件出现404或500错误
2017/01/20 Python
Python实现读取SQLServer数据并插入到MongoDB数据库的方法示例
2018/06/09 Python
python通过zabbix api获取主机
2018/09/17 Python
Python 带有参数的装饰器实例代码详解
2018/12/06 Python
python SocketServer源码深入解读
2019/09/17 Python
django创建超级用户过程解析
2019/09/18 Python
使用python实现希尔、计数、基数基础排序的代码
2019/12/25 Python
把vgg-face.mat权重迁移到pytorch模型示例
2019/12/27 Python
OpenCV中VideoCapture类的使用详解
2020/02/14 Python
基于Python实现下载网易音乐代码实例
2020/08/10 Python
保险专业自荐信范文
2014/02/20 职场文书
求职自我推荐信
2014/06/25 职场文书
班子查摆四风个人对照检查材料思想汇报
2014/10/04 职场文书
2014年数学教研组工作总结
2014/12/06 职场文书
五好文明家庭事迹材料
2014/12/20 职场文书
工程技术员岗位职责
2015/04/11 职场文书
小学生心理健康活动总结
2015/05/08 职场文书
幼儿园大班开学寄语(2015秋季)
2015/05/27 职场文书
七年级数学教学反思
2016/02/17 职场文书
Python利用folium实现地图可视化
2021/05/23 Python