본문 바로가기
JavaScript/ ExtJS

ExtJS : Form Field

털 업 2018. 3. 9. 14:19

ExtJS : Form Field

폼필드는 그냥 선언해서 갖다 쓰면 된다. 구구절절 써놓는 것보다 그냥 공식문서 보는게 더 좋다.
기본적으로 선언만 해도 validation check가 이루어져서 편한 듯.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
Ext.onReady(function(){
  Ext.create("Ext.panel.Panel",{
    width:500,
    height:500,
    title:"폼필드",
    renderTo:Ext.getBody(),
    items:[{
      xtype: 'textfield',
      allowBlank : false,
      emptyText: '아이디'
    },{
      xtype:'textfield',
      inputType: 'password',
      emptyText:'패스워드'
    },{
      xtype: 'datefield',
      format : 'y-m-d'
    },{
      xtype: 'numberfield',
      minValue:0,
      maxValue:10
    },{
      xtype: 'timefield'
    },{
      xtype: 'filefield',
      buttonOnly: true
    },{
      xtype: 'checkboxfield',
      boxLabel: '아이디 기억'
    },{
      xtype: 'radiofield',
      name : 'sex',
      boxLabel : '남'
    },{
      xtype: 'radiofield',
      name : 'sex',
      boxLabel : '여'
    },{
      xtype: 'slider',
      width:300,
      value:50
    }]
  });
});
cs

참고용 Direct link


저작자표시 비영리 변경금지

'JavaScript/ ExtJS' Related Articles

티스토리툴바