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 相关文章推荐
JSON 教程 json入门学习笔记
Sep 22 Javascript
Wordpress ThickBox 添加“查看原图”效果代码
Dec 11 Javascript
js实现一个省市区三级联动选择框代码分享
Mar 06 Javascript
如何获取select下拉框的值(option没有及有value属性)
Nov 08 Javascript
一个支付页面DEMO附截图
Jul 22 Javascript
AngularJS单选框及多选框实现双向动态绑定
Jan 13 Javascript
mui上拉加载功能实例详解
Apr 13 Javascript
JS排序算法之冒泡排序,选择排序与插入排序实例分析
Dec 13 Javascript
原生JS实现循环Nodelist Dom列表的4种方式示例
Feb 11 Javascript
vue2.5.2使用http请求获取静态json数据的实例代码
Feb 27 Javascript
JS拖动选择table里的单元格完整实例【基于jQuery】
May 28 jQuery
微信小程序canvas绘制圆角base64图片的实现
Aug 18 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中比较两个字符串找出第一个不同字符位置例子
2014/04/08 PHP
CodeIgniter框架数据库事务处理的设计缺陷和解决方案
2014/07/25 PHP
基于PHP的简单采集数据入库程序【续篇】
2014/07/30 PHP
使用GDB调试PHP代码,解决PHP代码死循环问题
2015/03/02 PHP
javascript天然的迭代器
2010/10/29 Javascript
跨浏览器通用、可重用的选项卡tab切换js代码
2011/09/20 Javascript
jquery validate和jquery form 插件组合实现验证表单后AJAX提交
2015/08/26 Javascript
简单了解Backbone.js的Model模型以及View视图的源码
2016/02/14 Javascript
微信jssdk在iframe页面失效问题的解决措施
2016/03/03 Javascript
使用jquery DataTable和ajax向页面显示数据列表的方法
2018/08/09 jQuery
浅析js中mvvm模式实现的原理
2018/10/06 Javascript
浅谈使用nodejs搭建web服务器的过程
2020/07/20 NodeJs
python 测试实现方法
2008/12/24 Python
Python删除空文件和空文件夹的方法
2015/07/14 Python
Python轻量级ORM框架Peewee访问sqlite数据库的方法详解
2017/07/20 Python
python实现windows倒计时锁屏功能
2019/07/30 Python
Django之PopUp的具体实现方法
2019/08/31 Python
python opencv实现gif图片分解的示例代码
2019/12/13 Python
Pandas实现一列数据分隔为两列
2020/05/18 Python
Python logging模块进行封装实现原理解析
2020/08/07 Python
H5 canvas中width、height和style的宽高区别详解
2018/11/02 HTML / CSS
在IE6系列等老式浏览器中使用HTML5的新标签实现方案
2012/12/25 HTML / CSS
英国Office鞋店德国网站:在线购买鞋子、靴子和运动鞋
2018/12/19 全球购物
工商管理实习生自我鉴定范文
2013/12/18 职场文书
考试退步检讨书
2014/01/15 职场文书
人力资源管理专业自荐书范文
2014/02/10 职场文书
财务总监管理职责范文
2014/03/09 职场文书
给市场的环保建议书
2014/05/14 职场文书
企业文化理念标语
2014/06/10 职场文书
关于读书的活动方案
2014/08/14 职场文书
人事主管岗位职责
2015/02/04 职场文书
美术教师个人工作总结
2015/02/06 职场文书
离婚民事起诉状
2015/08/03 职场文书
2016年度优秀辅导员事迹材料
2016/02/26 职场文书
节约用水广告语60条
2019/11/14 职场文书
编写python程序的90条建议
2021/04/14 Python