js의 동적인 추가 및 삭제, 백그라운드에서 데이터 가져오기(샘플 코드)_javascript 기술

환경 설명: 일반적으로 포럼에 글을 게시하는 것처럼 첨부 파일이 있을 수 있습니다. 첨부 파일 수는 사용자가 수동으로 추가하고 삭제합니다! !
/**************************************************** * ************************
*** 승인 양식 템플릿 추가
************ ************ ************************************** ************* *****/
// 성장 지수
var itemIndex = 1000;
// 수량
var counter = 0;
// 템플릿
var itemTemplate = '';
itemTemplate = '

';
itemTemplate = ' 양식 필드';
itemTemplate = ' ';
itemTemplate = ' 값 유형';
itemTemplate = ' ' 문자열< /option>';
itemTemplate = ' ' ' 숫자(정수)';
itemTemplate = ' ' "java.util. Date">날짜(yyyy-MM-dd)';
itemTemplate = ' ';
itemTemplate = ' ';
itemTemplate = '

';

//추가
function addItem() {
var s = itemTemplate.replace(/#itemIndex#/g, itemIndex);
$("#divFormFields").append(s);
itemIndex ;
카운터 ;
}

//삭제
function delItem(index) {
$("#item_" index).remove();
counter = counter - 1;
}

공용 클래스 FlowFormConfigActionForm은 ActionForm {
private int id;
private String name;
private String processName;

을 확장합니다.

private String formFillTemplatePath;
private String formShowTemplatePath;
private Map flowFormFieldCfgMap = new TreeMap();

/**양식 복합 속성*/
공용 FlowformFieldConfig getFlowFormFieldCfgElement(문자열 키){
if(!flowFormFieldCfgMap.containsKey(key)){
flowFormFieldCfgMap.put(key, new FlowformFieldConfig()) ;
}
flowFormFieldCfgMap.get(key) 반환;
}

*으*****

공용 클래스 FlowformFieldConfig {
비공개 int id;
비공개 문자열 이름;
비공개 클래스

주요 원칙은 다음과 같습니다. struts1.*이 jsp에 표시되면 먼저 get*** 메서드를 통해 formbean에서 속성 값을 가져옵니다! !

flowFormFieldCfgElement(#itemIndex#).name 이것이 핵심입니다. flowFormFieldCfgElement(#itemIndex#)가 비어 있으면 오류가 발생하므로 /**양식 복합 속성*/
public FlowformFieldConfig getFlowFormFieldCfgElement에서 ( 문자열 키){
if(!flowFormFieldCfgMap.containsKey(key)){
flowFormFieldCfgMap.put(key, new FlowformFieldConfig());
}
return flowFormFieldCfgMap.get(key);
}
판결을 내렸습니다! !
아직 이해가 안 되시는 분들은 메시지 남겨주세요! !