extjs 정리

1. 컴포넌트의 reference, publishes 속성

     combobox 와 같은 컴포넌트에

     reference: 'country' -> viewModel의 data 객체에 country속성 추가

     publishes: 'value' -> country속성객체에 value속성을 추가

 

2. viewController 에서 뷰모델 초기화할때 바인딩 설정

//화면이 처음 로딩되거나 뷰에서 바인딩한 값이 변경될때 아래 함수가 호출됨

initViewModel: function(vm) {

    vm.bind(

        //bindTo는 뒤에 deep와 같이 다른속성과 같이 지정할때 사용

        //아래 filters는 view에서 bind: '{filters.search}' 지정한것과 연동

        //view에서 textfield에 바인딩한 값을 변경하면 initViewModel 함수가 호출된다

        { bindTo: '{filters}', deep: true },

 

        //0.5초에 한번씩 아래 함수 실행, 짧은 시간내에 여러번 호출되는것을 방지

        Ext.Function.createBuffered(function () {

            if (!this.destroyed) {

                // The view might have been destroyed (e.g. user deauthentication)

                this.updateFilters()

            }

        }, 500, this, {}));

}

3. (pct < 0) ? 2 : ((pct < 1) ? 1 : 0);  문구 의미

     순차적으로 pct < 0,  pct < 1 비교하면 된다

 

4. combobox, grid, dataview 컴포넌트는 selection 속성이 존재

     bind: {

           store: '{companies}',

           selection: '{selectedCompany}'

     }

     행을 선택하면 해당행객체가 selectedCompany 에 바인딩된다

5. viewModel -> links

viewModel: {

    //모델과 연동하여 사용할때 사용

    //theCompany라는 이름으로 data객체에 항목이 생성

    links: {

        theCompany: {

            type: 'Company',

            create: {

                name: 'test'

            }

        }

    }

}

6. treelist 컴포넌트는 selectionchange이벤트는 있지만 click이벤트가 존재하지 않는다.

    클릭이벤트가 존재하지 않아서 좌측메뉴로 사용하기 부적합하다.

    itemclick 이벤트가 존재함(6.6.0문서에 보면 6.0.1에서부터 사용 가능함)

    6.2.0버전 문서에는 해당 이벤트가 적혀있지 않음...