Repository

1 CodeMirror textarea에 Syntax 하이라이터 효과가 필요하여 검색하는 도중 찾게되었습니다. 기본적으로 Ext JS에서 Htmleditor를 제공해주기 때문에 코드 하이라이터의 소스를 가공하면 Htmleditor에도 위와 같은 Syntax 하이라이터 효과를 입힐 수 있다고 합니다. 하지만 시간도 오래걸릴뿐더러 여러가지 오류덩어리를 양산해낼 수 있기때문에 누군가 자~알 만들어놓은 라이브러리를 가져다 쓰기로 했습니다. 코드는 매우 쉽습니다. 그저 textarea 컴포넌트에 Codemirror를 덮어씌워주기만 하면 되지요. 우선은 해당 Codemirror 라이브러리를 받을 수 있는 공식 홈페이지! Codemirror 홈페이지 : http://codemirror.net/ 라이브러리를 받았으면 ..

1 Sencha CMD로 Ext JS 시작하기 Ext JS는 자바나 그 외 프레임워크같이 Jar파일 또는 Js 파일만 있어도 개발하는데 지장이 없다. 하지만 Sencha CMD라는 툴을 이용해 Ext JS 어플리케이션을 생성하게 되면 개발중 테스트나, 빌드등 여러 작업들을 명령어를 통해 수행할 수 있게되는 편리함이 있다. 우선 Sencha CMD 를 다운받을 수 있는 링크이다. Sencha CMD : http://www.sencha.com/products/sencha-cmd/ Sencha CMD를 설치하고 앱을 빌드하기 위해서는 루비가 필요한데 각 운영체제 비트수에 맞게 설치하면된다. Ruby on rails : http://rubyinstaller.org/downloads/ Sencha Cmd와 Rub..

1 소스정보 스토어의 Proxy를 사용하지 않고 Ajax request만 사용해서 작성한 저장용 코드. 현재 코드는 실제 서버와 통신하여 데이터를 불러오고 저장함. 그리드를 Grid가 아닌 Tree로 생성하여 트리그리드 형식으로 구성했고, 그리드 하단에 폼이 있어 해당 그리드에서 클릭한 내용이 폼에 바인딩되게 해놓음.각각 대분류추가 및 소분류 추가는 상이한 폼을 생성함.정리하고 수정해야할 부분 많음... 2 View source 3 Controller source

1 Proxy api update 사용시 파라미터 전송 모델에 프록시를 정의하고 프록시 내에서 update URL을 호출할 때 문제가 발생했다.update할 모델을 생성하고 save 메소드를 호출했는데 모델을 생성할때 세팅한 파라미터가 안넘어가고 그 모델의 id값만 넘어가는 상황이 발생했다. 구글 검색해보니 내가 못찾는건지 아니면 이렇게 사용하는 사람이 드문건지 파라미터 넘기는 방법이 안나온다. 그나마 나왔던 정보들은 전부 proxy에다 setExtraParams 메소드를 이용해 추가 파라미터를 지정하는 방법만 나온다.. 그래서 구글링 포기하고 그냥 무작정 API만 뒤졌다. 결국 찾아냈는데. 너무 간단한 설정이다 ㅋㅋㅋㅋ 밑의 코드처럼 설정 하면 server에서 파라미터를 받을때 모델에 정의 해놓았던 필..

1 스토어에 로드된 데이터 가져오기 Ext JS에서는 스토어를 로드할 때 로드된 데이터를 받아올 수 있는 방법들을 제공한다. 그것도 너무나 많은 방법을 제공해준다. 하나 외워두고 검색해보면 다른방법으로 데이터를 가져오는 자료가 너무도 많아서 외웠던 방법마져 햇갈리게 된다. 어쩔 수 없이 그냥 보이는 족족 블로그에 넣어놔야겠다. 그 중 가장 나은 방법을 골라 써야하는데 뭐가 나은지도 모르겠다. 스토어에서 load 메소드를 호출하고 매개변수로 오브젝트를 부여할 수 있다. 그 오브젝트 내에 callback 이란 이름으로 함수를 지정해 놓으면 그 함수는 load 메소드가 종료된 후 콜백 메소드로 실행되게 된다. 그때 콜백 메소드에는 세개의 인자가 자동으로 들어오게 된다. 그 세개의 인자를 통해 로드된 데이터를 ..

1 Controller event listening Controller사이에서의 이벤트 리스닝은 해당 Controller가 View Controller이건 Global Controller이건 상관없다. 하나의 컨트롤러에서 fireEvent를 호출하면 다른 하나의 컨트롤러에서는 발생된 이벤트를 리스닝한다. 2 Controller 1 (Global Controller) 다른 Controller에서 발생되는 이벤트들을 전부 감지하는 Controller 정의 3 Controller 2 (View Controller) 이벤트를 발생시키는 컨트롤러 정의

1 클래스 정의 및 생성 자바스크립트는 클래스 기반의 언어는 아니다. 하지만 프로토타입 구조를 이용한 클래스 구조를 흉내 낼수가 있다. Ext JS는 이러한 작업을 쉽게 해주는 메소드들을 제공해준다. Ext Js에서 클래스를 생성하기 위해서 Ext.define 메소드를 제공해주는데 이 메소드는 문자열 기반 정의를 사용하기 때문에 네임스페이스 충돌을 피해 클래스 정의를 유연하게 할수 있게 해준다. Ext.define 메소드는 세개의 인자를 전달 받는데 첫번째 인자로 정의될 클래스의 이름을 문자열로 받게된다. 두번째는 해당 클래스의 몸체가 되는 속성 및 메소드를 오브젝트 형태로 받는다. 마지막 세번 째는 이 클래스가 정의된 후 동작하는 콜백함수를 받게 된다. 이러한 구조를 따라 클래스를 정의하면 다음과 같은..