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

192 阅读 0 评论 127 点赞

我是靠谱客的博主不安哑铃，最近开发中收集的这篇文章主要介绍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);
}
做了判断！！
如果还有不懂的人可以给我留言！！