Ext 간단한 formPanel
Ext.onReady(function() {
// , , ext
Ext.BLANK_IMAGE_URL = '../ext-2.2/resources/images/default/s.gif';
//
Ext.QuickTips.init();
// turn on validation errors beside the field globally
// 1、qtip 2、title 3、under 4、side
Ext.form.Field.prototype.msgTarget = 'side';
var bd = Ext.getBody();
/* * ================ Simple form ======================= */
bd.createChild({
tag : 'h2',
html : ' form panel'
});
var simple = new Ext.form.FormPanel({
labelWidth : 75,
url : '#',
frame : true,
title : 'Ext.form.FormPanel',
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);
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다른 사람의 웹사이트 편집: contenteditable 및 designMode그래도 우리가 그렇게 할 수 있다고 생각하는 것은 멋진 일입니다. 제가 강조하고 싶었던 일종의 관련 API가 실제로 몇 개 있기 때문에 오늘 그것을 가져왔습니다. contenteditable는 "true" 값이 할당...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.