[API/UI]

FieldSet

개요

FieldSet 클래스는 <fieldset>과 <legend> 엘리먼트를 생성/제어합니다.
FieldSet 클래스의 주요 기능은 다음과 같습니다.
1. <fieldset>과 <legend> 엘리먼트를 생성/제어합니다.

2. 다수의 LabelText, TextType, CheckBox 등의 클래스를 연계하여 생성합니다.
    - options에 작성한 순서로 표시됩니다.

* 형태1  
    var sports = {
        guideMsg: '좋아하는 스포츠는?',
        label: {text: '스포츠', width: 60}
    };
    var travel = {
            guideMsg: '가고싶은 여행지?',
            label: {text: '여행', width: 60}
    };
    var num = {
        minValue: 100,
        minValueMsg: '최소값 {0}보다 작은값입니다.',
        label: {text: '좋아하는숫자', width: 90, paddingLeft: 10}
    };
    new mc.types.FieldSet({
        legendText: '스포츠 분야',
        defaultCcode: 'labeltext',
        width: 650,
        showTo: 'showArea',
        component: [{
            ccode:'typegroup',
            component: [
                {options: sports},
                {label: {text: '도서/책', width: 90, paddingLeft: 10}},
                {ccode: 'texttype', style: {'margin-left': '20px'}},
                {linefeed: true},
                {options: travel},
                {ccode: 'labelnumber', options: num},
                {linefeed: true}
            ]}, {
            ccode:'checkbox', text: '체크 박스', checked: true, value: 'sports'
            }
        ]
    })
Options Component
ccode {String} types.FieldSet
component code : 'fieldset'
fieldsetClass {String} types.FieldSet
fieldset에 적용할 className. default: 'mc-fieldset'
fieldsetStyle {String} types.FieldSet
(optional) fieldset 엘리먼트에 적용할 style
legendAttr {String} types.FieldSet
(optional) legend 엘리먼트에 적용할 attribute
legendClass {String} types.FieldSet
(optional) legend 엘리먼트에 적용할 className
legendStyle {String} types.FieldSet
(optional) legend 엘리먼트에 적용할 Style
legendText {String} types.FieldSet
legend text
prefix {String} types.FieldSet
id 접두사. default: 'mc_fieldset_'
useLegend {Boolean} types.FieldSet
legend 사용 여부. default: true
width {Number} types.FieldSet
fieldset 엘리먼트의 넓이
Method Component
mc.types.FieldSet (Hash)
mc.types.FieldSet(options)
생성자
Parameters :
• {Hash} options, FieldSet 클래스에 반영할 options
Returns :
• 없음
types.FieldSet
생성자
mainFieldSet (HTMLElement/String)
mainFieldSet(showTo)
option 설정, HTMLElement생성, Event를 설정합니다.
Parameters :
• {HTMLElement|String} showTo, showTo 엘리먼트
Returns :
• 없음
types.FieldSet
option 설정, fieldset/legend HTMLElement를 생성합니다.
getFieldSet () : HTMLElement
getFieldSet()
fieldset 엘리먼트를 반환합니다.
Parameters :
• 없음
Returns :
• {HTMLElement} fieldset Element
types.FieldSet
fieldset 엘리먼트를 반환합니다.
getLegend () : HTMLElement
getLegend()
legend 엘리먼트를 반환합니다
Parameters :
• 없음
Returns :
• {HTMLElement} legend Element
types.FieldSet
legend 엘리먼트를 반환합니다.
setFieldSet ()
setFieldSet()
fieldset 엘리먼트를 생성합니다.
Parameters :
• 없음
Returns :
• 없음
types.FieldSet
fieldset 엘리먼트를 생성합니다.
setLegend ()
setLegend()
legend 엘리먼트를 생성합니다.
Parameters :
• 없음
Returns :
• 없음
types.FieldSet
legend 엘리먼트를 생성합니다.
Custom Event Component
 
 
Examples  
fieldset/legendText  
fieldset/legendText