MethodChain

type 엘리먼트에 적용할 attribute
Type 클래스에서 프로퍼티로 제공하지 않는 속성 값을 엘리먼트에 설정할 때 사용합니다.
options에 attr: {attribute_name: value} 형태로 지정합니다.
example
    attr: {value: 'value', readOnly: true}

custom 지정 메소드.
엘리먼트 값을 MethodChain에서 제공하는 형태가 아닌 사용자가 지정한 메소드를 실행하여 체크할 수 있습니다.
checkMethod에 실행할 메소드 이름을 지정하면 됩니다.
- 파라미터는 하나이며 엘리먼트에 입력한 값이 설정됩니다.
checkMethod(param)
@param {String|Number} value, 엘리먼트에 입력한 값
- 사용자에게 제시할 메시지가 있다면 {title: 'title', msg: 'message'} 형태로 return합니다.
checkMethod() return
@return {Hash} {title: 'title', msg: 'message'}
    title: MessageBox의 제목
    message: 입력자에게 제공할 message
    null을 반환하면 message를 표시하지 않습니다.
checkType()을 오버라이드해서 사용할 수도 있습니다.

HTMLElement 생성할 템플릿.
options에 createType을 지정하면 defaultType 템플릿을 적용하지 않고 이를 적용합니다.
examples
createType: {tag: 'ul', id: 'sports', text: '스포츠', child: [
                    {tag: 'li', id: 'soccer', text: '축구'},
                    {tag: 'li', id: 'basketball', text: '농구'}
]}

HTMLElement의 color 기본 값.
일반적으로 style을 사용하며 Grid Package에서 간단하게 설정할 때 사용합니다.
example
- {defaultColor: 'blue'}로 작성하면 글자색이 blue로 표시됩니다.

서제스트 창의 width 일치 여부. default: true
- true: 
    서제스트 창의 width를 (textType + joinType) width와 일치 시킵니다.
    default를 true로 한 것은 필드 하나를 서제스트 창에 표시하는 경우가 많기 때문입니다.
    showFields.width 합계가 (textType + joinType - 25)보다 크면 'E1030' 메시지가 표시됩니다.
- false: showFields.width에 지정한 width 합계를 서제스트 창의 width로 사용합니다.

update 기준 field
서제스트 리스트에서 keyField에 지정한 값을 가진 엘리먼트의 텍스트 값을 콤보 창에 표시할 때 사용합니다.
따라서 keyField에 값을 지정해야 하므로 GridUpdate, From이 update 모드일 때 사용합니다.

상품명이 Grid에 표시된 상태에서 Grid row를 선택하면 Form에 서제스트를 표시하게 되며
이때 상품명으로 시작하는 상품명이 다수 존재할 수 있으므로 key(상품코드)가 같은 상품코드의 
상품명을 combo 창에 설정해야 합니다.
여기서 key(상품코드) 값을 가진 field name을 keyField에 지정한다.

keyField는 {field: 'itemCode', mapName: 'goods_code'} 형태로 지정할 수 있습니다.
field에 컴포넌트에서 사용하는 field name을 지정하고 mapName에 상품 마스터의 key(상품코드)
field name을 지정합니다. 
field name과 mapName이 같으면 mapName을 작성하지 않아도 되지만, field는 필수 지정입니다.
결국 컴포넌트에서 사용하는 field name과 데이터베이스 테이블의 field name이 다른 경우
이를 매핑하여 데이터를 사용하기 위함입니다.

여기서 상품코드는 Grid/Form에 표시되었거나 hidden 필드로 설정되어 있어야 합니다.

- example
component: [
 {ccode: 'combo', id: 'item', imageType: 'combo',
    metaData: goodsMeta, 
    showFields: {field: 'goods_name'}, 
    suggestField: 'goods_name',
    sendFields: 'goods_code',
    dataFields: 'goods_price', 
    keyField: {field: 'itemCode', mapName: 'goods_code'}
  }
]

엘리먼트의 값이 minus일때 color 속성 값.
true를 지정하면 red로 설정합니다.
example
- {minusColor: 'red'}로 작성하였을 때 엘리먼트 값이 음수이면 글자색이 red로 표시됩니다.
일반적으로 style을 사용하며 Grid Package에서 간단하게 설정하기 위해 사용합니다.

엘리먼트 값을 연산자로 비교
연산자를 사용하여 엘리먼트 값을 비교(체크)할 수 있습니다.
example
- 아래와 같이 작성하였을 때 'soccer'를 입력하면 메시지가 표시됩니다.
    ['==', 'soccer', 'soccer를 입력할 수 없습니다'],

- 아래와 같이 작성하였을 때 'soccer' 또는 'swim'을 입력하면 메시지가 표시됩니다.
    ['==', ['soccer', 'swim'], '입력할 수 없는 문자입니다.'],

operator 작성 방법
     - 첫 번째 Array 엘리먼트에 연산자(operator)를 지정합니다.
     - 두 번째 Array 엘리먼트에 비교할 값을 지정합니다.
       배열로 값을 지정할 수 있습니다.
     - 세 번째 Array 엘리먼트에 true 조건이 되었을 때 표시할 메시지를 지정합니다.
       메시지를 지정하지 않으면 디폴트 메시지가 표시됩니다.
     - 자세한 내용은 mc.form.Operator 클래스를 참조하세요.

mc.types.PatternExp 클래스에 등록된 정규표현을 사용해서 에러 체크를 행합니다.
아래 example에서와 같이 영문자 체크를 하려면 'alpha'를 지정합니다.
patternExpMsg에 에러 메시지를 지정하지 않으면 디폴트 메시지가 표시됩니다.

example
    mc.types.PatternExp 클래스에 등록된 영문자 체크 메소드와 메시지
    alpha: function(vl){
      return this.alphaExp.test(vl);
    },
    alphaMsg: '영문자 이외의 값이 존재합니다.'

사용할 수 있는 형태에 대해서는 mc.types.PatternExp을 참조하세요
mc.types.PatternExp 형태에 맞추어 pattern을 추가할 수도 있습니다.

서버로 전송할 field
일반적으로 콤보 박스에 입력하는 데이터가 텍스트이므로 이를 서버로 전송하면
인식하는데 어려움이 있으므로 텍스트에 해당하는 code도 전송할 필요가 있습니다.
이때 sendFields에 dataFormat의 field 이름을 지정합니다.

콤보 박스에 설정된 값이 서버로 전송되는 것은 디폴트이므로
콤보 박스에 코드를 입력한다면 sendFields를 지정하지 않아도 됩니다.
example
- sendFields; ['field_one', 'field_two']

콤보박스에 표시할 필드 속성 집합
showFields는 콤보박스 각 노드에 적용할 속성을 정의한 오브젝트입니다.
showFields에는 field, width, style, className을 지정할 수 있습니다.
sample:
     showFields: [{field: 'code', width: 90, style: '', className: ''},
                       {field: 'korean', width: 100}]

showFields를 작성하지 않으면 'E1010' 에러가 표시됩니다.

콤보박스에 표시할 필드
DataFormat에 작성한 field 중에서 콤보박스에 표시할 field를 지정합니다.
DataFormat 작성 순서가 아닌 showFields.field에 작성한 순서로 표시됩니다.

example:
    var sportsFormat = new mc.data.ArrayFormat([
        {index: 0, field: 'code'},
        {index: 1, field: 'english'},
        {index: 2, field: 'korean'}]
    );

위와 같이 DataFormat을 작성한 경우
     showFields: [{field: 'code'}, {field: 'korean'}, {field: 'english'}]와 같이
     korean과 english 순서를 바꿔서 지정하면 code, korean, english 순서로 표시됩니다.

showFields를 작성하지 않으면 'E1010' 메시자가 출력됩니다.

joinType outside 엘리먼트 width
여기서 지정한 width는 ComboBox에 반영되지 않고 textType과 joinType의 parentNode가 되는
outside 엘리먼트에 반영된다.
outside 엘리먼트 width에 대해서는 JoinType 클래스의 width를 참조하세요.

ComboBox의 width는 showFields.width를 지정하면 이를 합산해서 적용하고,
이를 지정하지 않으면 바로 위의 outside 엘리먼트의 width를 적용합니다.