js動(dòng)態(tài)添加刪除,后臺(tái)取數(shù)據(jù)(示例代碼)
環(huán)境描述:就像你一般在論壇上發(fā)表文章,可能帶附件,附件的數(shù)量是你手動(dòng)添加刪除的??!
/************************************************************************
*** 添加審批表單模板
************************************************************************/
// 增長(zhǎ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);
}
做了判斷!!
如果還有不懂的人可以給我留言??!
相關(guān)文章
關(guān)于foreach循環(huán)中遇到的問題小結(jié)
這篇文章主要介紹了關(guān)于foreach循環(huán)中遇到的問題總結(jié),非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-05-05options預(yù)檢請(qǐng)求的前后端解決方式詳解
這篇文章主要為大家介紹了options預(yù)檢請(qǐng)求的前后端解決方式詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-04-04Bootstrap 模態(tài)框(Modal)帶參數(shù)傳值實(shí)例
模態(tài)框(Modal)是覆蓋在父窗體上的子窗體。下面通過本文給大家介紹Bootstrap 模態(tài)框(Modal)帶參數(shù)傳值實(shí)例代碼,需要的朋友參考下吧2017-08-08JavaScript 完成注冊(cè)頁(yè)面表單校驗(yàn)的實(shí)例
下面小編就為大家?guī)硪黄狫avaScript 完成注冊(cè)頁(yè)面表單校驗(yàn)的實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08JavaScript實(shí)現(xiàn)獲取圖片文件真實(shí)格式的示例代碼
每種格式的圖片,都有自己特有的優(yōu)缺點(diǎn)以及數(shù)據(jù)結(jié)構(gòu),本篇博文的目的就是基于不同格式的圖像二進(jìn)制數(shù)據(jù),獲取到圖片的真實(shí)格式,感興趣的可以了解一下2023-02-02深入理解javascript構(gòu)造函數(shù)和原型對(duì)象
對(duì)象,是javascript中非常重要的一個(gè)梗,是否能透徹的理解它直接關(guān)系到你對(duì)整個(gè)javascript體系的基礎(chǔ)理解,說白了,javascript就是一群對(duì)象在攪。。(嗶?。?。2014-09-09