[ExtJs]필드에 체크박스 추가하기(동적 dynamically)

센차로 개발 중 동적으로 체크박스 필드를 추가하는 기능을 사용하게 됐다..

 

영어로 열심히 구글링 해서 이것저것 조합해 보았다.

 

var chkBxGrp = Ext.getCmp('CheckBoxGrp');
var tempObj = new Ext.form.Checkbox({
    boxLabel: 'item1', name: 'cb', inputValue: 'item1'
});
chkBxGrp.items.add(tempObj);
chkBxGrp.updateLayout();

 

원래 doLayout()으로 생성하는데 실행이 되지 않았다.

그래서 updateLayout() 을 사용하니 실행이 됐다..

doLayout은 센차 구버전 명령어 인듯하다.

 

 

여기서 난 내가 사용하는 공통에 맞게 변형해서 사용했다..

 

        var me = this;

        var detail = Ext.getObject('detail', me);

        var menuArray = [];

 

        for(var i=0;i<regionList.length;i++){          

            menuArray.push({

                checkbox: {

                    id:regionList[i].LOCAL_REGN_CD ,

                    boxLabel: regionList[i].LOCAL_REGN_NM

                },

                fieldType: 'checkbox',

                width:'*'

            });

        }

        detail.initialConfig.fields[47].multi = menuArray;

 

 

 

SELECT 해온 데이터를 47번째 필드에 체크박스로 추가한다는 내용이다.

센차는 기본 틀을 바탕으로 자신의 방법으로 변형시킬줄 알아야 하는 언어인 것 같다.