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 相关文章推荐
Jquery下判断Id是否存在的代码
Jan 06 Javascript
Bootstrap每天必学之级联下拉菜单
Mar 27 Javascript
浅谈jquery设置和获得checkbox选中的问题
Aug 19 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(三)
Sep 14 Javascript
Angular的MVC和作用域
Dec 26 Javascript
js模态对话框使用方法详解
Feb 16 Javascript
Bootstrap 表单验证formValidation 实现表单动态验证功能
May 17 Javascript
javascript计算渐变颜色的实例
Sep 22 Javascript
vue中关闭eslint的方法分析
Aug 04 Javascript
JavaScript实现HSL拾色器
May 21 Javascript
Vue js with语句原理及用法解析
Sep 03 Javascript
vue实现列表拖拽排序的功能
Nov 02 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将数据库中所有内容生成静态html文档的代码
2010/04/12 PHP
PHP观察者模式示例【Laravel框架中有用到】
2018/06/15 PHP
PHP Redis扩展无法加载的问题解决方法
2019/08/22 PHP
laravel 根据不同组织加载不同视图的实现
2019/10/14 PHP
表单提交时自动复制内容到剪贴板的js代码
2007/03/16 Javascript
jquery Firefox3.5中操作select的问题
2009/07/10 Javascript
jQuery 判断元素上是否绑定了事件
2009/10/28 Javascript
javascript+iframe 实现无刷新载入整页的代码
2010/03/17 Javascript
实现变速回到顶部的JavaScript代码
2011/05/09 Javascript
二叉树的非递归后序遍历算法实例详解
2014/02/07 Javascript
NodeJs基本语法和类型
2015/02/13 NodeJs
BooStrap对导航条的改造实践小结
2016/09/21 Javascript
javascript 定时器工作原理分析
2016/12/03 Javascript
nodejs个人博客开发第三步 载入页面
2017/04/12 NodeJs
微信小程序实现录音功能
2019/11/22 Javascript
jquery向后台提交数组的代码分析
2020/02/20 jQuery
使用vue打包进行云服务器上传的问题
2020/03/02 Javascript
vue-列表下详情的展开与折叠案例
2020/07/28 Javascript
Flexible.js可伸缩布局实现方法详解
2020/11/13 Javascript
[00:35]2016完美“圣”典风云人物:冷冷宣传片
2016/12/08 DOTA
[49:07]VGJ.T vs Optic Supermajor小组赛D组 BO3 第二场 6.3
2018/06/04 DOTA
[42:24]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第一场 11.01
2020/11/02 DOTA
python通过wxPython打开一个音频文件并播放的方法
2015/03/25 Python
在linux下实现 python 监控usb设备信号
2019/07/03 Python
详解PyQt5信号与槽的几种高级玩法
2020/03/24 Python
python工具快速为音视频自动生成字幕(使用说明)
2021/01/27 Python
台湾前三大B2C购物网站:MOMO购物网
2017/04/27 全球购物
Skyscanner波兰:廉价航班
2017/11/07 全球购物
同程旅游英文网站:LY.com
2018/11/13 全球购物
办公室主任岗位承诺书
2014/05/29 职场文书
小学生读书活动总结
2014/06/30 职场文书
大学团日活动新闻稿
2014/09/10 职场文书
工作检讨书怎么写
2015/01/23 职场文书
调解书格式范本
2015/05/20 职场文书
学习《中小学教师职业道德规范》心得体会
2016/01/18 职场文书
mysql的数据压缩性能对比详情
2021/11/07 MySQL