> 웹 프론트엔드 > JS 튜토리얼 > ExtJS4에서 동일한 formpanel에 다른 url_extjs를 제공하는 방법

ExtJS4에서 동일한 formpanel에 다른 url_extjs를 제공하는 방법

WBOY
풀어 주다: 2016-05-16 16:50:25
원래의
1287명이 탐색했습니다.

formpanel은 다음과 같이 사용할 수 있습니다. api의 예:

코드 복사 코드는 다음과 같습니다.

var panel =Ext.create('Ext.form.Panel', {
title: 'Simple Form',
bodyPadding: 5,
width: 350,

// AJAX를 통과합니다. 이 URL에 요청을 제출합니다
//url: 'save-form.php',

// 양식 필드 필드는 수직으로 정렬되어 전체 너비를 차지합니다
layout: 'anchor',
defaults: {
anchor: '100%'
},

// 필드
defaultType: 'textfield',
항목 : [{
fieldLabel : '이름',
name: 'first',
allowBlank: false
},{
fieldLabel: '성',
name: ' last',
allowBlank : false
}],

// 재설정 및 저장 버튼
버튼: [{
text: 'Reset',
handler: function () {
this.up('form').getForm().reset();
}
}, {
text: 'Save',
formBind: true, / /양식이 유효한 경우에만 활성화됩니다.
disabled: true,
handler: function() {
var form = this.up('form').getForm()
if (form. isValid()) {
form.submit({
성공: function(form, action) {
Ext.Msg.alert('저장 성공', action.result.msg);
} ,
failure : function(form, action) {
Ext.Msg.alert('작업 실패', action.result.msg)
}
}); >}
}],
renderTo: Ext.getBody()
);


API를 보면 formpanel에는 URL 구성이 없으며, api. . 나는 그것이 formpanel의 상위 클래스의 매개변수여야 한다고 생각합니다. .

나중에 ext.form.basic을 살펴보니 과연 url 설정 항목이 있습니다. .

Ext에서는 FormPanel이 양식 데이터를 저장하지 않습니다. 양식을 제출할 때 제출하려면

BasicForm을 가져와야 합니다. 개체를 사용하여 양식을 제출할 수 있습니다

프로젝트에서 사용할 구성 요소가 두 개이기 때문에 이 두 구성 요소의 유일한 차이점은 제출된 URL이 다르다는 것이므로 정의할 때 URL을 정의하지 않았습니다. 이 항목은

그런 다음 구성 요소가 다른 컨테이너에 추가될 때 다른 URL을 추가합니다. 위의 예를

필요한 경우


코드 복사 코드는 다음과 같습니다. panel.getForm().url='../LogSelectServlet';//다른 장소에는 다음과 같이 다른 URL이 할당될 수 있습니다.

이 방법은 구성 요소를 재사용하는 좋은 방법입니다.
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿