일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- EFCore
- DbSave
- c#
- React
- JavaScript
- 명시적외래키
- ORM
- ""+n
- Request
- 코드프로그래머스
- JSON
- Config
- dbContext
- c#코딩의기술실전편
- extjs
- .net
- 자원정리
- minimalAPI
- vscode
- intellij
- mac
- extraParams
- LINQ
- inserttrigger
- lazy loading
- error
- scanner
- ViewModel
- Store
- 상속
- Today
- Total
목록FrontEnd/Ext (24)
ejyoo's 개발 노트
이번에 공통 로직 작업을 하면서 해당 뷰가 그려질 때 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)
✍ 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
싱글톤(SIngleton)은 클래스 전체를 인스턴스로 사용할 수 있도록 제공한다. 자바는 private 를 사용하여 객체 생성을 제한하는데, ExtJS에서는 속성을 따로 제공하는 것 같다. 자바의 싱글톤 패턴은 아래를 참고한다. https://ejyoo.tistory.com/99 싱글톤 패턴에 대해서 (Keyword : 싱글톤 디자인 패턴) 💡 들어가기 전에 무한으로 존재하는 자원은 존재하지 않는다. 컴퓨터가 제공하는 자원 마찬가지로 제한되어 있다. 이러한 상황에서 인스턴스가 남용되는 것은 바람직하지 않고 하나의 자원으 ejyoo.tistory.com Ext.onReady(function(){ Ext.define('Logget',{ singleton:true, logger:function(input){ ..
정적속성은 생성된 모든 객체가 공유하며 클래스의 인스턴스 명, 정적속성 방식 또는 statics()를 이용하여 사용한다. 자바에서 static과 동일하다 * 기본 형태 statics:{ 속성, 메소드 } * 예제 : * 결과 2 2 -----------end Ext.onReady(function(){ Ext.define('CountTest',{ config:{ name:null }, constructor:function(config){ this.initConfig(config); } }); Ext.define('extendsCountTest',{ extend:'CountTest', statics:{ count:0 }, addCount:function(){ this.statics().count++; }, ..
config 안의 속성은 별도의 set/get 메소드 구현이 필요치 않고 자동 처리된다. 또한 생성자를 사용하여 config 속성을 초기화하는데 사용할 수 있다. 이 외에 config 내 속성을 바꾸려고 할 때, 이를 체크하여 변경을 감지하여 이벤트를 걸 수 있다. 즉 'apply속성명'의 형태를 사용하여 config 속성의 변경을 감지한다. apply속성명 (새로운값, 이전값){ return 반환값; //반환값에 따라 변경될 값이 리턴된다. } Ext.onReady(function(){ Ext.define('TestConstructor',{ config:{ id:null }, constructor:function(config){ this.initConfig(config); }, classFunction..
ExtJS는 클래스를 정의하고 상속을 한다. OOP(Object Oriented Programming) 프로그램의 상속과 유사하다. * 상속 방법 Ext.define('새로운클래스',{ extend:'상속받을 클래스' }); * 상속 예제(생성한 앱에서 해당 파일 더블클릭하여 실행) Ext.onReady(function(){ Ext.define('TestConstructor',{ config:{ id:null }, constructor:function(config){ this.initConfig(config); }, classFunction1:function(){ document.write(this.getId()+'classFunction1 '); }, classFunction2:function(){ d..
ExtJS 'config'에 속성을 설정할 경우 해당 속성은 자동으로 get, set 접두어를 붙여서 메소드로 사용할 수 있다. config:{ id:null } this.getId(); this.setName('값'); config 를 사용하여 class 를 정의할 때, 생성자를 통한 초기화를 진행할 수 있다. * 생성자 문법 constructor:function(config){ this.initConfig(config); } * 코드 적용(앱에서 해당 파일 더블클릭하여 실행) Ext.onReady : HTML 페이지가 출력된 후 수행 Ext.onReady(function(){ Ext.define('TestConstructor',{ config:{ id:null }, constructor:functio..