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)
|
types.FieldSet |
|
생성자
|
|
mainFieldSet
(HTMLElement/String)
|
types.FieldSet |
|
option 설정, fieldset/legend HTMLElement를 생성합니다.
|
|
getFieldSet
() : HTMLElement
|
types.FieldSet |
|
fieldset 엘리먼트를 반환합니다.
|
|
getLegend
() : HTMLElement
|
types.FieldSet |
|
legend 엘리먼트를 반환합니다.
|
|
setFieldSet
()
|
types.FieldSet |
|
fieldset 엘리먼트를 생성합니다.
|
|
setLegend
()
|
types.FieldSet |
|
legend 엘리먼트를 생성합니다.
|
|
| Custom Event | Component |
|---|---|
|
|
|
| Examples | |
|---|---|
| fieldset/legendText | |
|
fieldset/legendText
|
|