js动态添加删除,后台取数据(示例代码)

 更新时间:2013年11月25日 08:42:52   作者:  
这篇文章主要是对js动态添加删除,后台取数据(示例代码)进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助

环境描述:就像你一般在论坛上发表文章,可能带附件,附件的数量是你手动添加删除的!!
/************************************************************************
*** 添加审批表单模板
************************************************************************/
// 增长的索引
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);
}
做了判断!!
如果还有不懂的人可以给我留言!!

相关文章

  • Web打印解决方案之证件套打的实现思路

    Web打印解决方案之证件套打的实现思路

    这篇文章主要介绍了Web打印解决方案之证件套打的实现思路的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • TypeScript 运行时类型检查补充工具

    TypeScript 运行时类型检查补充工具

    这篇文章主要介绍了TypeScript 运行时类型检查补充工具,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-09-09
  • JavaScript 布尔操作符解析  && || !

    JavaScript 布尔操作符解析 && || !

    在一门编程语言中,布尔操作符的重要性堪比相等操作符。如果没有测试两个值关系的能力,那么诸如if...else和循环之类的语句就不会有用武之地了。布尔操作符一共有3个: 非、与、或
    2012-08-08
  • javascript实现前端分页功能

    javascript实现前端分页功能

    这篇文章主要为大家详细介绍了javascript实现前端分页功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • JS中令人发指的valueOf方法介绍

    JS中令人发指的valueOf方法介绍

    近期月报里提到了valueOf方法,兴致来了翻了下ECMA5里关于valueOf方法的介绍真是令人发指啊,不可思议的朋友可以参考下啊
    2013-02-02
  • 微信小程序地图定位的实现方法实例

    微信小程序地图定位的实现方法实例

    小程序功能的强大想必使用过的人都知道,下面这篇文章主要给大家介绍了关于微信小程序地图定位的实现方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-04-04
  • Javascript脚本实现静态网页加密实例代码

    Javascript脚本实现静态网页加密实例代码

    这篇文章介绍了Javascript脚本实现静态网页加密实例代码,有需要的朋友可以参考一下
    2013-11-11
  • JavaScript获取对象key的几种方法和区别

    JavaScript获取对象key的几种方法和区别

    这篇文章主要介绍了JavaScript获取对象key的几种方法和区别,下面文章更多的相关资料需要的小伙伴可以参考一下,希望对你有所帮助
    2022-03-03
  • JavaScript实现点击复制功能具体代码(JS访问剪贴板相关)

    JavaScript实现点击复制功能具体代码(JS访问剪贴板相关)

    这篇文章主要给大家介绍了关于JavaScript实现点击复制功能(JS访问剪贴板相关)的相关资料,复制功能指的是将一个文本或者图片等资源从一个位置通过复制的方式再次拷贝到另一个位置,需要的朋友可以参考下
    2023-10-10
  • webpack4 从零学习常用配置(小结)

    webpack4 从零学习常用配置(小结)

    这篇文章主要介绍了webpack4 从零学习常用配置(小结),详细的介绍了几个核心部分,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05

最新评论