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 相关文章推荐
node.js中的fs.fstatSync方法使用说明
Dec 15 Javascript
javascript实现多级联动下拉菜单的方法
Feb 06 Javascript
JavaScript中的分号插入机制详细介绍
Feb 11 Javascript
jQuery插件boxScroll实现图片轮播特效
Jul 14 Javascript
JavaScript小技巧整理
Dec 30 Javascript
AngularJS 指令的交互详解及实例代码
Sep 14 Javascript
ES6扩展运算符用法实例分析
Oct 31 Javascript
mpvue构建小程序的方法(步骤+地址)
May 22 Javascript
JS中DOM元素的attribute与property属性示例详解
Sep 04 Javascript
微信小程序实现左滑修改、删除功能
Oct 19 Javascript
对layui中table组件工具栏的使用详解
Sep 19 Javascript
Vue路由的模块自动化与统一加载实现
Jun 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
最省空间的计数器
2006/10/09 PHP
PHP读取MySQL数据代码
2008/06/05 PHP
php+javascript的日历控件
2009/11/19 PHP
php中使用临时表查询数据的一个例子
2013/02/03 PHP
Smarty foreach控制循环次数的实现详解
2013/07/03 PHP
ThinkPHP公共配置文件与各自项目中配置文件组合的方法
2014/11/24 PHP
PHP+Javascript实现在线拍照功能实例
2015/07/18 PHP
PHP简单实现数字分页功能示例
2016/08/24 PHP
PHP实现的统计数据功能详解
2016/12/06 PHP
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
PHP模版引擎原理、定义与用法实例
2019/03/29 PHP
Javascript创建自定义对象 创建Object实例添加属性和方法
2012/06/04 Javascript
Highcharts 非常实用的Javascript统计图demo示例
2013/07/03 Javascript
多个$(document).ready()的执行顺序实例分析
2014/07/26 Javascript
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
2014/10/17 Javascript
PHP中使用微秒计算脚本执行时间例子
2014/11/19 Javascript
jQuery中insertAfter()方法用法实例
2015/01/08 Javascript
轻松5句话解决JavaScript的作用域
2016/07/15 Javascript
详解AngularJS如何实现跨域请求
2016/08/22 Javascript
12 款 JS 代码测试必备工具(翻译)
2016/12/13 Javascript
react.js 获取真实的DOM节点实例(必看)
2017/04/17 Javascript
JS原生数据双向绑定实现代码
2017/08/14 Javascript
jQuery+ajax实现批量删除功能完整示例
2019/06/06 jQuery
vue中后端做Excel导出功能返回数据流前端的处理操作
2020/09/08 Javascript
[03:55]DOTA2完美大师赛选手传记——LFY.MONET
2017/11/18 DOTA
nginx黑名单和django限速,最简单的防恶意请求方法分享
2019/08/09 Python
python中time、datetime模块的使用
2020/12/14 Python
Joe Fresh官网:加拿大时尚品牌和零售连锁店
2016/11/30 全球购物
美国娱乐和流行文化商品店:FYE
2017/09/14 全球购物
质量工程师岗位职责
2013/11/16 职场文书
生产部管理制度
2014/01/31 职场文书
幼教求职信
2014/03/12 职场文书
法院信息化建设方案
2014/05/21 职场文书
2014党员整改措施思想汇报
2014/10/07 职场文书
小区物业管理2015年度工作总结
2015/10/22 职场文书
30岁前绝不能错过的10本书
2019/08/08 职场文书