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代码加载优化方法
Jan 30 Javascript
利用js动态添加删除table行的示例代码
Dec 16 Javascript
JavaScript运行机制之事件循环(Event Loop)详解
Oct 10 Javascript
Labelauty?jQuery单选框/复选框美化插件分享
Sep 26 Javascript
基于OL2实现百度地图ABCD marker的效果
Oct 01 Javascript
jquery插件jquery.confirm弹出确认消息
Dec 22 Javascript
JavaScript用构造函数如何获取变量的类型名
Dec 23 Javascript
JavaScript登录验证基础教程
Nov 01 Javascript
详解如何将 Vue-cli 改造成支持多页面的 history 模式
Nov 20 Javascript
微信小程序嵌入腾讯视频源过程详解
Aug 08 Javascript
在实例中重学JavaScript事件循环
Dec 03 Javascript
js属性对象的hasOwnProperty方法的使用
Feb 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笔记之:文章中图片处理的使用
2013/04/26 PHP
ThinkPHP的模版中调用session数据的方法
2014/07/01 PHP
PHP5.3与5.5废弃与过期函数整理汇总
2014/07/10 PHP
ThinkPHP5实现作业管理系统中处理学生未交作业与已交作业信息的方法
2016/11/12 PHP
Jquery Ajax学习实例 向页面发出请求,返回XML格式数据
2010/03/14 Javascript
JS自调用匿名函数具体实现
2014/02/11 Javascript
利用JavaScript检测CPU使用率自己写的
2014/03/22 Javascript
JS替换字符串中字符即替换全部而不是第一个
2014/06/04 Javascript
jquery实现炫酷的叠加层自动切换特效
2015/02/01 Javascript
JS实现跟随鼠标立体翻转图片的方法
2015/05/04 Javascript
JQuery实现级联下拉框效果实例讲解
2015/09/17 Javascript
不同js异步函数同步的实现方法
2016/05/28 Javascript
JS瀑布流实现方法实例分析
2016/12/19 Javascript
微信小程序 出现47001 data format error原因解决办法
2017/03/10 Javascript
jQuery实现的页面弹幕效果【测试可用】
2018/08/17 jQuery
解决angularjs service中依赖注入$scope报错的问题
2018/10/02 Javascript
layui自己添加图片按钮并点击跳转页面的例子
2019/09/14 Javascript
vue 封装 Adminlte3组件的实现
2020/03/18 Javascript
微信小程序scroll-view点击项自动居中效果的实现
2020/03/25 Javascript
python 捕获shell脚本的输出结果实例
2017/01/04 Python
python导出hive数据表的schema实例代码
2018/01/22 Python
Python面向对象程序设计中类的定义、实例化、封装及私有变量/方法详解
2019/02/28 Python
python中hasattr()、getattr()、setattr()函数的使用
2019/08/16 Python
Python TCP通信客户端服务端代码实例
2019/11/21 Python
使用CSS3美化HTML表单的技巧演示
2016/05/17 HTML / CSS
无需JS和jQuery代码实现CSS3鼠标浮动放大图片
2016/11/21 HTML / CSS
J2EE中常用的名词进行解释
2015/11/09 面试题
制药工程专业毕业生推荐信
2013/12/24 职场文书
本科生职业生涯规划书范文
2014/01/21 职场文书
《卖木雕的少年》教学反思
2014/04/11 职场文书
公务员四风问题对照检查材料整改措施
2014/09/26 职场文书
自习课吵闹检讨书范文
2014/09/26 职场文书
2014年教师个人工作总结
2014/11/10 职场文书
培训简讯范文
2015/07/20 职场文书
再次探讨go实现无限 buffer 的 channel方法
2021/06/13 Golang
MySQL高级进阶sql语句总结大全
2022/03/16 MySQL