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 相关文章推荐
动态调用CSS文件的JS代码
Jul 29 Javascript
非常强大的 jQuery.AsyncBox 弹出对话框插件
Aug 29 Javascript
jquery实现div拖拽宽度示例代码
Jul 31 Javascript
scrollWidth,clientWidth,offsetWidth的区别
Jan 13 Javascript
Javascript实现div的toggle效果实例分析
Jun 09 Javascript
js代码实现随机颜色的小方块
Jul 30 Javascript
JS平滑无缝滚动效果的实现代码
May 06 Javascript
浅谈javascript中的事件冒泡和事件捕获
Dec 28 Javascript
AngularJS上传文件的示例代码
Nov 10 Javascript
小程序双头slider选择器的实现示例
Mar 31 Javascript
jQuery插件simplePagination的使用方法示例
Apr 28 jQuery
vue iview 隐藏Table组件里的某一列操作
Nov 13 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许愿墙模块功能分析
2013/06/25 PHP
浅谈PHP解析URL函数parse_url和parse_str
2014/11/11 PHP
PHP获取当前所在目录位置的方法
2014/11/26 PHP
php官方微信接口大全(微信支付、微信红包、微信摇一摇、微信小店)
2015/12/21 PHP
浅谈php和js中json的编码和解码
2016/10/24 PHP
PHP使用DOM和simplexml读取xml文档的方法示例
2017/02/08 PHP
PHP更安全的密码加密机制Bcrypt详解
2017/06/18 PHP
php+js实现裁剪任意形状图片
2018/10/31 PHP
jquery 图片截取工具jquery.imagecropper.js
2010/04/09 Javascript
页面只有一个text的时候,回车自动submit的解决方法
2010/08/12 Javascript
jQuery截取指定长度字符串的实现原理及代码
2014/07/01 Javascript
jquery实现用户打分评分特效
2015/05/28 Javascript
理解js回收机制通俗易懂版
2016/02/29 Javascript
Fullpage.js固定导航栏-实现定位导航栏
2016/03/17 Javascript
jquery基本选择器匹配多个元素的实现方法
2016/09/05 Javascript
jQuery实现在新增加的元素上添加事件方法案例分析
2017/02/09 Javascript
原生JS实现网页手机音乐播放器 歌词同步播放的示例
2018/02/02 Javascript
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
2018/11/27 Javascript
js实现倒计时器自定义时间和暂停
2019/02/25 Javascript
jquery.pager.js分页实现详解
2019/07/29 jQuery
vue实现路由不变的情况下,刷新页面操作示例
2020/02/02 Javascript
JavaScript代码异常监控实现过程详解
2020/02/17 Javascript
基于JavaScript实现简单扫雷游戏
2021/01/02 Javascript
Python编程中的for循环语句学习教程
2015/10/14 Python
Python创建xml文件示例
2017/03/22 Python
Django如何自定义分页
2018/09/25 Python
对Python 内建函数和保留字详解
2018/10/15 Python
python 使用正则表达式按照多个空格分割字符的实例
2018/12/20 Python
关于Python中定制类的比较运算实例
2019/12/19 Python
Python使用urllib模块对URL网址中的中文编码与解码实例详解
2020/02/18 Python
python实现四人制扑克牌游戏
2020/04/22 Python
Shopee马来西亚:随拍即卖,最佳行动电商拍卖平台
2017/06/05 全球购物
关于读书的演讲稿300字
2014/08/27 职场文书
母亲节感言
2015/08/03 职场文书
MySQL中的引号和反引号的区别与用法详解
2021/10/24 MySQL
Golang并发工具Singleflight
2022/05/06 Golang