폼 속성 소개
5619 단어 JavaScripthtmlcssextprototype
<HTML>
<HEAD>
<TITLE> EXT HelloWorld</TITLE>
<!-- extjs … ... -->
<link rel="stylesheet" type="text/css" href="./../ext/resources/css/ext-all.css"/>
<script type="text/javascript" src="./../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="./../ext/ext-all.js"></script>
<style type="text/css">
.allow-float {clear:none!important;}
.stop-float {clear:both!important;}
.float-left {float:left;}
</style>
<script type="text/javascript">
Ext.onReady(function(){
Ext.BLANK_IMAGE_URL='./../ext/resources/images/default/s.gif';
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = 'side';
var form = new Ext.form.FormPanel({
title: ' (qtip)',
labelSeparator: ':',
bodyStyle: 'padding:5 5 5 5',
height: 500,
width: 300,
frame: true,
labelWidth: 60,
labelAlign: 'right',
applyTo: 'form',
items:[
new Ext.form.TextField({
fieldLabel: ' ',
id: 'userName',
selectOnFocus: true,
allowBlank: false,
regex: /^([\w]+)(.[\w]+)*@([\w-]+\.){1,5}([A-Za-z]){2,4}$/,
regexText: ' ',
blankText: ' '
}),
new Ext.form.TextField({
fieldLabel: ' ',
allowBlank: false,
blankText: ' ',
inputType: 'password'
}),
new Ext.form.TextArea({
id: 'memo',
width: 150,
fieldLabel: ' '
}),
new Ext.form.NumberField({
fieldLabel: ' ',
allowDecimals: false, //
nanText: ' ', //
allowNegative: false //
}),
new Ext.form.NumberField({
fieldLabel: ' ',
decimalPrecision: 2, //
allowDecimals: true, //
nanText: ' ', //
allowNegative: false //
}),
new Ext.form.NumberField({
fieldLabel: ' ',
baseChars: '12345' //
}),
new Ext.form.NumberField({
fieldLabel: ' ',
maxValue: 100, //
minValue: 50, //
minText: ' ',
maxText: ' '
}),
new Ext.form.Radio({
name: 'sex',
fieldLabel: ' ',
boxLabel: ' '
}),
new Ext.form.Radio({
name: 'sex',
fieldLabel: ' ',
boxLabel: ' '
}),
new Ext.form.Checkbox({
name: 'swim',
fieldLabel: ' ',
boxLabel: ' '
}),
new Ext.form.Checkbox({
name: 'walk',
fieldLabel: ' ',
boxLabel: ' '
}),
new Ext.form.Radio({
name: 'gender',
itemCls: 'float-left',
clearCls: 'allow-float',
fieldLabel: ' ',
boxLabel: ' '
}),
new Ext.form.Radio({
name: 'gender',
clearCls: 'stop-float',
hideLabel: true,
boxLabel: ' '
}),
new Ext.form.Checkbox({
name: 'hob',
itemCls: 'float-left',
clearCls: 'allow-float',
fieldLabel: ' ',
boxLabel: ' '
}),
new Ext.form.Checkbox({
name: 'inter',
clearCls: 'stop-float',
hideLabel: true,
boxLabel: ' '
}),
new Ext.form.TriggerField({
id: 'center',
fieldLabel: ' ',
hideTriggerClick: false,
onTriggerClick : function(e){
var center = form.findById("center");
alert(center.getValue());
}
})
],
buttons:[{
text: ' ',
handler: showValue
}]
});
function showValue(){
var memo = form.findById("memo");
alert(memo.getValue());
}
});
</script>
</HEAD>
<body id="form">
</body>
</HTML>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.