MethodChain

GridRadio 클래스의 주요 기능은 아래와 같습니다.
1. radio를 click하면 checked 상태로 설정합니다.

2. radio에서 방향 키로 Row를 이동하면 자동으로 checked 상태가 됩니다.
   - Down key : 아래 라인의 radio를 checked 상태로 설정합니다.
   - Up key : 윗 라인의 radio를 checked 상태로 설정합니다.

3. checked 상태가 되면 row를 선택한 것으로 표시합니다.
   - checkedClass와 checkedStyle을 적용합니다.

4. 다른 radio를 클릭하면 설정했던 checkedClass와 checkedStyle이 삭제됩니다.

5. GridRow 클래스와 연동하여 radio를 click하지 않고 Grid row를 click하면 checked 상태로 설정합니다.

6. Grid Row에서 Space 또는 Enter key를 누르면 radio를 선택 처리합니다.

7. GridRadio 클래스는 단독으로 오브젝트를 생성하지만 독립적으로 사용할 수 없습니다.
   - 독립된 오브젝트로 사용하려면 mc.types.Radio를 사용하세요.

8. className과 style을 지정하여 필드를 수식할 수 있습니다.
   DOM Tree 구조
   - header
     <tr>
         <td class="mc-grid-hd-td headerClass" style="headerStyle">
             <div>title</div>
         </td>
     </tr>
   - detail
     <tr class="checkedClass" style="checkedStyle">
         <td class="mc-grid-dt-td cellBorder cellClass" style="cellStyle">
             <div class="filedClass" style="filedStyle">title
                 <input type="checkbox" class="typeClass" style="typeStyle" />
             </div>
         </td>
     </tr>

9. example
    new mc.grid.GridRadio({
        field: 'dc_rate_field',
        text: '할인율(%)',
        width: 140,
        eachWidth: [45, 45, 45],
        name: 'check_name',
        child: [
            {field: 'rate_zero', text: '0'},
            {field: 'rate_five', text: '5'},
            {field: 'rate_ten', text: '10'}
        ]
    })