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 轻松搞定快捷留言功能 只需一行代码
Apr 01 Javascript
jquery下将选择的checkbox的id组成字符串的方法
Nov 28 Javascript
dojo学习第二天 ajax异步请求之绑定列表
Aug 29 Javascript
jQuery登陆判断简单实现代码
Apr 21 Javascript
浅析AngularJS中的生命周期和延迟处理
Jun 18 Javascript
微信小程序 textarea 详解及简单使用方法
Dec 05 Javascript
Node.js中process模块常用的属性和方法
Dec 13 Javascript
js清除浏览器缓存的几种方法
Mar 15 Javascript
微信小程序 页面跳转事件绑定的实例详解
Sep 20 Javascript
vue项目使用axios发送请求让ajax请求头部携带cookie的方法
Sep 26 Javascript
Layui给switch添加响应事件的例子
Sep 03 Javascript
vue中渲染对象中属性时显示未定义的解决
Jul 31 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
thinkphp的c方法使用示例
2014/02/24 PHP
浅析PHP中call user func()函数及如何使用call user func调用自定义函数
2015/11/05 PHP
PHP快速推送微信模板消息
2017/04/14 PHP
PHP中rename()函数的妙用讲解
2019/02/28 PHP
JS中==与===操作符的比较
2009/03/21 Javascript
JS解析XML文件和XML字符串详解
2015/04/17 Javascript
JavaScript获取URL汇总
2015/06/08 Javascript
jquery实现TAB选项卡鼠标经过带延迟效果的方法
2015/07/27 Javascript
AngularJS数据源的多种获取方式汇总
2016/02/02 Javascript
JQuery日期插件datepicker的使用方法
2016/03/03 Javascript
基于JQuery的$.ajax方法进行异步请求导致页面闪烁的解决办法
2016/05/10 Javascript
js事件冒泡、事件捕获和阻止默认事件详解
2016/08/04 Javascript
详解React之key的使用和实践
2018/09/29 Javascript
JavaScript语句错误throw、try及catch实例解析
2020/08/18 Javascript
Jquery $.map使用方法实例详解
2020/09/01 jQuery
JS实现简单贪吃蛇小游戏
2020/10/28 Javascript
vue 页面跳转的实现方式
2021/01/12 Vue.js
[01:49]一目了然!DOTA2DotA快捷操作对比第二弹
2014/05/16 DOTA
python中 ? : 三元表达式的使用介绍
2013/10/09 Python
python线程锁(thread)学习示例
2013/12/04 Python
Python实现TCP/IP协议下的端口转发及重定向示例
2016/06/14 Python
python 调用win32pai 操作cmd的方法
2017/05/28 Python
画pytorch模型图,以及参数计算的方法
2019/08/17 Python
python实现批量修改文件名
2020/03/23 Python
windows支持哪个版本的python
2020/07/03 Python
公认8个效率最高的爬虫框架
2020/07/28 Python
Canvas实现放大镜效果完整案例分析(附代码)
2020/11/26 HTML / CSS
瑞贝卡·明可弗包包官网:Rebecca Minkoff
2016/07/21 全球购物
荷兰网上鞋店:Ziengs.nl
2017/01/02 全球购物
static函数与普通函数有什么区别
2015/12/25 面试题
经济管理专业毕业生推荐信
2013/11/11 职场文书
篝火晚会主持词
2014/03/25 职场文书
好书伴我成长演讲稿
2014/05/14 职场文书
国际经济贸易专业自荐信
2014/06/13 职场文书
企业授权委托书范本
2014/09/22 职场文书
团员自我评价范文
2015/03/10 职场文书