[ExtJS 기초] textArea placeholder

기본적으로 textArea placeHoler는 글을 작성하기 전에 예시나 안내 글을 통해 사용자의 이해를 돕는 목적으로 사용하는 것 같다.

 

html에서는 textarea placeholder로 사용이 가능하지만

 

ExtJS에서는 emptyText를 통해 placeholder 기능을 구현한다.

 

왜이렇게 다른 이름으로 만들어서 헤깔리게 하는지 모르겠지만... 어쩌겠나.

 

xtype:'textfield',

emptyText:'enter sth you want'

 

와 같은 폼으로 작성하면 된다.

개행하고 싶으면 ""안에 \n을 입력하고 작성하면 자동으로 개행이 된다.

{
    xtype: 'fieldset',
    width: 1000,
    title: 'IpList',
    defaults: {
        anchor: '100%'
    },
    margin: '0 20 0 20',
    items: [{
        xtype: 'textarea',
//        multiline: true,
        emptyText:"각 IP주소를 구분하기 위해 , 입력\nex)127.0.0.1, 111.1.1.1, ...",
        grow:false,
        height: 20,
        name: 'IpList',
        margin: '0 25 0 30'        
    }]
}

결과