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 相关文章推荐
破解Session cookie的方法
Jul 28 Javascript
Javascript技术技巧大全(五)
Jan 22 Javascript
AngularJS初始化过程分析(引导程序)
Dec 06 Javascript
html的DOM中document对象anchors集合用法实例
Jan 21 Javascript
Bootstrap每天必学之表格
Nov 23 Javascript
使用OpenLayers3 添加地图鼠标右键菜单
Dec 29 Javascript
jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】
Mar 14 Javascript
JavaScript Canvas绘制圆形时钟效果
Aug 20 Javascript
require.js中的define函数详解
Jul 10 Javascript
全面介绍vue 全家桶和项目实例
Dec 27 Javascript
微信小程序实现同时上传多张图片
Feb 03 Javascript
JS array数组检测方式解析
May 19 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 float不四舍五入截取浮点型字符串方法总结
2013/10/28 PHP
PHP中文乱码解决方案
2015/03/05 PHP
Laravel 自带的Auth验证登录方法
2019/09/30 PHP
web基于浏览器的本地存储方法应用
2012/11/27 Javascript
jQuery中hasClass()方法用法实例
2015/01/06 Javascript
JS设置下拉列表框当前所选值的方法
2015/12/22 Javascript
JavaScript数组方法大全(推荐)
2016/07/05 Javascript
在vue项目创建的后初始化首次使用stylus安装方法分享
2018/01/25 Javascript
Nodejs中获取当前函数被调用的行数及文件名详解
2018/12/12 NodeJs
JS实现鼠标移动拖尾
2020/12/27 Javascript
[13:39]2014 DOTA2华西杯精英邀请赛 5 25 NewBee VS DK第一场
2014/05/26 DOTA
Python实现保证只能运行一个脚本实例
2015/06/24 Python
Python中的变量和作用域详解
2016/07/13 Python
django中模板的html自动转意方法
2018/05/27 Python
Python实现监控键盘鼠标操作示例【基于pyHook与pythoncom模块】
2018/09/04 Python
详解配置Django的Celery异步之路踩坑
2018/11/25 Python
Pytorch Tensor的索引与切片例子
2019/08/18 Python
简单了解python装饰器原理及使用方法
2019/12/18 Python
python GUI库图形界面开发之PyQt5表格控件QTableView详细使用方法与实例
2020/03/01 Python
Django-xadmin+rule对象级权限的实现方式
2020/03/30 Python
美国首屈一指的高品质珠宝设计师和零售商:Allurez
2018/01/23 全球购物
英国空调、除湿机和通风设备排名第一:Air Con Centre
2019/02/25 全球购物
三星印度官网:Samsung印度
2019/08/03 全球购物
娇韵诗俄罗斯官方网站:Clarins俄罗斯
2020/10/03 全球购物
十岁生日家长答谢词
2014/01/17 职场文书
网吧消防安全制度
2014/01/28 职场文书
工作自我评价怎么写
2014/01/29 职场文书
初三学习决心书
2014/03/11 职场文书
行政办公室岗位职责
2014/03/18 职场文书
奥巴马开学演讲稿
2014/05/15 职场文书
党的群众路线查摆剖析材料
2014/10/10 职场文书
2015年党支部公开承诺书
2015/01/22 职场文书
工程质量保证书
2015/05/09 职场文书
《认识钟表》教学反思
2016/02/16 职场文书
2007年老电脑安装win11会怎么样? 网友实测win11在老电脑运行良好
2021/11/21 数码科技
Oracle配置dblink访问PostgreSQL的操作方法
2022/03/21 PostgreSQL