제6장 - ExtJs-Form
3037 단어 formExtJsextjs oopextJs 객체 대상
본 장의 임무
1.Form
//Ext.QuickTips.init();
//
//var form = new Ext.form.FormPanel({
// labelWidth: 75,
// title: 'Form Layout',
// bodyStyle:'padding:15px',
// //renderTo:Ext.getBody(),
// width: 350,
// labelPad: 10,
// defaultType: 'textfield',
// defaults: {
// // applied to each contained item
// width: 230,
// msgTarget: 'side'
// },
// layoutConfig: {
// // layout-specific configs go here
// labelSeparator: ':'
// },
// items: [{
// fieldLabel: 'First Name',
// name: 'first',
// allowBlank: false,
// blankText:' ',
// msgTarget:'under'
// },{
// fieldLabel: 'Last Name',
// name: 'last'
// },{
// fieldLabel: 'Company',
// name: 'company'
// },{
// fieldLabel: 'Email',
// name: 'email',
// vtype:'email'
// }
// ],
// buttons: [{
// text: 'Save'
// },{
// text: 'Cancel'
// }]
//
//
//});
//Ext.reg("a", form.show())
Ext.onReady(function(){
var simple = new Ext.FormPanel({
labelWidth: 75, // label settings here cascade unless overridden
url:'save-form.php',
frame:true,
title: 'Simple Form',
bodyStyle:'padding:5px 5px 0',
width: 350,
defaults: {width: 230},
defaultType: 'textfield',
items: [{
fieldLabel: 'First Name',
name: 'first',
allowBlank:false
},{
fieldLabel: 'Last Name',
name: 'last'
},{
fieldLabel: 'Company',
name: 'company'
}, {
fieldLabel: 'Email',
name: 'email',
vtype:'email'
}, new Ext.form.TimeField({
fieldLabel: 'Time',
name: 'time',
minValue: '8:00am',
maxValue: '6:00pm'
})
],
buttons: [{
text: 'Save'
},{
text: 'Cancel'
}]
});
simple.render(document.body);
})
본 장의 목표
1. Form 이해
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Formik을 사용하여 React JS에서 여러 양식을 업데이트하는 방법은 무엇입니까?유효성 검사와 함께 양식 제출을 처리하기 위해 Yup과 함께 Formik을 사용하고 있습니다. 저는 create form으로 성공적으로 지원했습니다. 그러나 업데이트 양식에서 다음과 같은 문제에 직면하고 있습니다. ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.