ejyoo's 개발 노트

Uncaught TypeError: url.endsWith is not a function 빌드된 파일 중 찾을 수 없는 파일이 존재할 때 발생함. * 발생 경우 - 빌드돌려놓고 ViewModel 삭제 후 다시 빌드하지 않고 Sencha web start 했을 때 발생함. - 파일 새로 생성 후 빌드 안돌림

Uncaught TypeError: Cannot set properties of null (setting 'component') ExtJS 에서 이 오류가 뜨는 경우 파일의 define된 경로가 올바른지 확인해야함.

doRequest: function(operation, callback, scope){ // debugger; // var writer = this.getWriter(); // var request = this.buildRequest(operation, callback, scope); // if (operation.allowWrite()) { // request = writer.write(request); // } // Ext.apply(request, { // headers : this.headers, // timeout : this.timeout, // scope : this, // callback : this.createRequestCallback(request, operation, callback..

■■ 문제 : viewModel의 store가 존재하지 않음. ■■ 원인 : extraParams에 bining 된 속성자체가 없음. controller에서 viewModel에 존재하는 store를 load 하려는데 proxy 가 동작을 안했었다. 원인을 파악하려고 크롬 개발자 도구 콘솔에 viewModel의 store를 보니 해당하는 store가 아예 없었다. 코드에는 store가 존재하는데 말이다. 이번 경우의 원인은 viewModel의 store에 있는 extraParams의 Binding 걸려있는 속성의 값이 없는데, 이 것을 Binding 하려고 하니 ext 내부에서 오류를 발생시킨것 같다. ext 내부에서 오류를 발생을 하였지만, 개발다 도구 콘솔에 찍히지 않으므로 extjs 에 익숙하지 않는..

이번에 공통 로직 작업을 하면서 해당 뷰가 그려질 때 Tree에 있는 Store를 자동으로 load 하여 데이터를 가져오는 작업을 하고있었다. 아직 store와 viewModel bind 그리고 proxy 설정이 익숙치 않은 관계로 이번 삽질을 기록하려고 한다. 1) store 'autoLoad: true' - autoLoad는 무조건 request GET 방식으로 서버에 넘겨지게 된다. - extjs에서 request를 Get방식으로 넘겨주는 코드를 찾아보려고 했지만 찾지 못하였다. - 구글 검색결과 POST 방식으로 넘겨주려면 두가지 방법이 존재했다. i) 스토어 autoLoad를 하지않고 따로 Controller 코드에서 store를 따로 load()를 시켜준다. ii) 정확하게 메서드 명은 기억이..

# View에 Bind를 할 때, name 값에 Bind를 하려고 했으나 오류 메시지를 뱉었다. ExtJS 코드를 까서 이유를 찾아보니 Bind를 하려면 set메서드가 존재해야 하는데 'setName'이라는 메서드가 존재하지 않아서 안되는 거였다. # Bind할 때 parentView에 종속된 childView가 있을 때, parentView에 연결된 parentViewModel에 childView가 자동으로 접근이 가능하다.

mainView.child(selector) 위의 방법은 selector에 해당하는 자식요소 (처음에 나오는) 를 1개만 가져오는 메서드로 내가 원하는 방법이 아니였다 찾아보니 아래와 같은 방법을 사용하면 특정 뷰 내에 있는 모든 자식 요소를 가져올 수 있다. mainView.query(selector)

var types = Array.from(new Set(jsonDataArray.map((jsonData) => jsonData.Type)));

✍ dataIndex는 해당하는 컴포넌트의 결과값을 가져올 때 사용할 수 있다. ✍ 예제 ✍ columns에 다음과 같은 아이템이 있다. { xtype: 'checkcolumn', dataIndex: 'testCaseCheckBox', width: 25, sortable: false, header: '', headerCheckbox: true }, checkbox가 여러개 있을 때, 체크된 체크박스를 가져오고 그 카운트를 세어 체크된 체크박스가 없을 때, 메시지 박스를 띄운 후 OK 버튼을 클릭했을 때 리턴한다.(창을 닫는다.) var checkedCount = 0; var records = this.getView().getStore().getRange(); records.forEach (function..

https://wikidocs.net/1985 5.5 라우터를 이용한 어플리케이션 제어 일반적인 웹 사이트에서 사용자는 링크를 클릭해서 다른 페이지를 탐색하거나 폼을 입력하거나 하지만, 단일 페이지 어플리케이션의 경우에는 새로운 페이지를 로딩하지 않는다. 대신 ... wikidocs.net