js動(dòng)態(tài)添加刪除,后臺(tái)取數(shù)據(jù)(示例代碼)
環(huán)境描述:就像你一般在論壇上發(fā)表文章,可能帶附件,附件的數(shù)量是你手動(dòng)添加刪除的??!
/************************************************************************
*** 添加審批表單模板
************************************************************************/
// 增長的索引
var itemIndex = 1000;
// 數(shù)量
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">數(shù)字(整數(shù))</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>();
/** 表單復(fù)雜屬性 */
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顯示的時(shí)候,會(huì)先從formbean里通過get***方法拿出屬性的值??!
flowFormFieldCfgElement(#itemIndex#).name 這是核心,如果flowFormFieldCfgElement(#itemIndex#)為空的話,就會(huì)出錯(cuò),所以在/** 表單復(fù)雜屬性 */
public FlowformFieldConfig getFlowFormFieldCfgElement(String key){
if(!flowFormFieldCfgMap.containsKey(key)){
flowFormFieldCfgMap.put(key, new FlowformFieldConfig());
}
return flowFormFieldCfgMap.get(key);
}
做了判斷?。?BR>如果還有不懂的人可以給我留言?。?/P>
相關(guān)文章
Web打印解決方案之證件套打的實(shí)現(xiàn)思路
這篇文章主要介紹了Web打印解決方案之證件套打的實(shí)現(xiàn)思路的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08
TypeScript 運(yùn)行時(shí)類型檢查補(bǔ)充工具
這篇文章主要介紹了TypeScript 運(yùn)行時(shí)類型檢查補(bǔ)充工具,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09
微信小程序地圖定位的實(shí)現(xiàn)方法實(shí)例
小程序功能的強(qiáng)大想必使用過的人都知道,下面這篇文章主要給大家介紹了關(guān)于微信小程序地圖定位的實(shí)現(xiàn)方法,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-04-04
Javascript腳本實(shí)現(xiàn)靜態(tài)網(wǎng)頁加密實(shí)例代碼
這篇文章介紹了Javascript腳本實(shí)現(xiàn)靜態(tài)網(wǎng)頁加密實(shí)例代碼,有需要的朋友可以參考一下2013-11-11
JavaScript獲取對(duì)象key的幾種方法和區(qū)別
這篇文章主要介紹了JavaScript獲取對(duì)象key的幾種方法和區(qū)別,下面文章更多的相關(guān)資料需要的小伙伴可以參考一下,希望對(duì)你有所幫助2022-03-03
JavaScript實(shí)現(xiàn)點(diǎn)擊復(fù)制功能具體代碼(JS訪問剪貼板相關(guān))
這篇文章主要給大家介紹了關(guān)于JavaScript實(shí)現(xiàn)點(diǎn)擊復(fù)制功能(JS訪問剪貼板相關(guān))的相關(guān)資料,復(fù)制功能指的是將一個(gè)文本或者圖片等資源從一個(gè)位置通過復(fù)制的方式再次拷貝到另一個(gè)位置,需要的朋友可以參考下2023-10-10
webpack4 從零學(xué)習(xí)常用配置(小結(jié))
這篇文章主要介紹了webpack4 從零學(xué)習(xí)常用配置(小結(jié)),詳細(xì)的介紹了幾個(gè)核心部分,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-05-05

