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 相关文章推荐
神奇的代码 通杀各种网站-可随意修改复制页面内容
Jul 17 Javascript
IE6与IE7中,innerHTML获取param的区别
Mar 15 Javascript
SeaJS入门教程系列之完整示例(三)
Mar 03 Javascript
jquery通过select列表选择框对表格数据进行过滤示例
May 07 Javascript
js实现模拟计算器退格键删除文字效果的方法
May 07 Javascript
优化RequireJS项目的相关技巧总结
Jul 01 Javascript
javascript中checkbox使用方法实例演示
Nov 19 Javascript
jQuery模仿阿里云购买服务器选择购买时间长度的代码
Apr 29 Javascript
详解升级react-router 4 踩坑指南
Aug 14 Javascript
VSCode 配置React Native开发环境的方法
Dec 27 Javascript
layui实现根据table数据判断按钮显示情况的方法
Sep 26 Javascript
原生js 实现表单验证功能
Feb 08 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
Ajax PHP 边学边练 之三 数据库
2009/11/26 PHP
php数组函数序列之end() - 移动数组内部指针到最后一个元素,并返回该元素的值
2011/10/31 PHP
smarty 缓存控制前的页面静态化原理
2013/03/15 PHP
php echo, print, print_r, sprintf, var_dump, var_expor的使用区别
2013/06/20 PHP
PHP微信开发之查询微信精选文章
2016/06/23 PHP
PHPCMS V9 添加二级导航的思路详解
2016/10/20 PHP
laravel7学习之无限级分类的最新实现方法
2020/09/30 PHP
在VS2008中使用jQuery智能感应的方法
2010/12/30 Javascript
图片在浏览器中底部对齐 解决方法之一
2011/11/30 Javascript
Jquery easyui 下loaing效果示例代码
2013/08/12 Javascript
js调用css属性写法
2013/09/21 Javascript
Jquery实现侧边栏跟随滚动条固定(兼容IE6)
2014/04/02 Javascript
js 判断各种数据类型的简单方法(推荐)
2016/08/29 Javascript
AngularJS使用自定义指令替代ng-repeat的方法
2016/09/17 Javascript
[原创]SyntaxHighlighter自动识别并加载脚本语言
2017/02/07 Javascript
基于JS实现翻书效果的页面切换样式
2017/02/16 Javascript
基于node打包可执行文件工具_Pkg使用心得分享
2018/01/24 Javascript
浅谈webpack打包过程中因为图片的路径导致的问题
2018/02/21 Javascript
jQuery实现新闻播报滚动及淡入淡出效果示例
2018/03/23 jQuery
微信小程序 slot踩坑的解决
2019/04/01 Javascript
基于vue实现圆形菜单栏组件
2019/07/05 Javascript
JavaScript ES 模块的使用
2020/11/12 Javascript
Python获取本机所有网卡ip,掩码和广播地址实例代码
2018/01/22 Python
Python实现的特征提取操作示例
2018/12/03 Python
Python 执行矩阵与线性代数运算
2020/08/01 Python
深入浅析css3 中display box使用方法
2015/11/25 HTML / CSS
利用CSS3实现平移动画效果示例代码
2016/10/12 HTML / CSS
css3动画 小球滚动 js控制动画暂停
2019/11/29 HTML / CSS
Python如何实现单例模式
2016/06/03 面试题
铁路工务反思材料
2014/02/07 职场文书
2014校长四风问题对照检查材料思想汇报
2014/09/16 职场文书
支部书记四风问题对照检查材料
2014/10/04 职场文书
工厂标语大全
2014/10/06 职场文书
语文复习计划
2015/01/19 职场文书
大一学生个人总结
2015/02/15 职场文书
使用Oracle命令进行数据库备份与还原
2021/12/06 Oracle