Study/Ext JS2011. 3. 23. 10:27

Build Ajax applications with Ext JS

http://www.ibm.com/developerworks/web/library/wa-aj-extjs/
 
Posted by 굥쓰
Study/Ext JS2011. 3. 23. 10:18

EXT JS 외부 사이트 링크


http://techbug.tistory.com

http://rhio.tistory.com/243

http://blog.naver.com/PostList.nhn?blogId=agapeuni&categoryNo=447

Posted by 굥쓰
Study/Ext JS2011. 3. 22. 16:23

EXT JS 예제 소스 및 미리보기 지원

소스와 함께 미리보기가 지원되어
폼 디자인이나 컨트롤 기본 사용법 파악 할 때 도움 될듯 싶네요

개발은 백문이 불여 일타 라고 하지요. 하지만 UI 나 UX에 자신 있는 개발자가 아닌 이상
EXT JS를 가지고 UI 설계 하는 것은 한계가 있는 것이 대부분의 개발자 아닐까요 ㅋ

아래 사이트들은 이런 고민을 조금은 해결해 주는 유용한 자료가 아닌가 싶습니다.

http://www.java2s.com/Code/JavaScript/Ext-JS/CatalogExt-JS.htm

http://examples.extjs.eu/
Posted by 굥쓰
Study/Ext JS2011. 3. 22. 16:12

EXT JS 개발 가이드 (일본 사이트)

http://www.ext-japan.org

http://www.ext-japan.org/technology/ux/ext_js_guide.html
Posted by 굥쓰
Study/Ext JS2011. 3. 22. 10:02

Tutorial:Extending Ext Class

Objective
 
Intended resulting IconCombo

Let's create an extension of Ext.form.Combobox that will display icons in front of texts. Such combo could be useful, for example, for selection of countries when we'd have the country flag followed by the country name.

Let's give our extension name Ext.ux.IconCombo.

 

http://www.sencha.com/learn/Tutorial:Extending_Ext_Class
Posted by 굥쓰
Study/Ext JS2011. 3. 20. 00:38

Manual:Intro

The Ext framework is built using object-oriented (OO) concepts common to other languages like C#, Java, etc., but not common to traditional JavaScript development. If you're used to the hodgepodge of global functions and variables common to other JavaScript libraries/code snippets, development with Ext will require a different mindset. It might seem difficult at first, but the payoff will be well worth the effort.

If you are unfamiliar with OO concepts or how they are applied to JavaScript, you might first begin by reading through some OO JavaScript resources. Of course, Ext itself is also an excellent template for how to develop OO JavaScript, so don't be afraid to dive into the Ext code and see how it does things!


http://www.sencha.com/learn/Manual:Intro

Posted by 굥쓰
Study/Ext JS2011. 3. 20. 00:30

Manual:Intro:Basic Application Design (Korean)

http://www.sencha.com/learn/Manual:Intro:Basic_Application_Design_(Korean)
Posted by 굥쓰
Study/Ext JS2011. 3. 19. 23:09

Tutorial:Application Layout for Beginners (Korean)

Summary: 이 튜토리얼은 당신이 올바르게 어플리케이션을 만드는데 도움을 줍니다.

http://www.sencha.com/learn/Tutorial:Application_Layout_for_Beginners_(Korean)

Posted by 굥쓰
Study/Ext JS2011. 3. 19. 21:01

Ext.EventManager API Documentation


1. Ext.EventManager

Registers event handlers that want to receive a normalized EventObject instead of the standard browser event and provides several useful events directly. See Ext.EventObject for more details on normalized event objects.

This class is a singleton and cannot be created directly.

1) onDocumentReady
 /**
         * Adds a listener to be notified when the document is ready (before onload and before images are loaded). Can be
         * accessed shorthanded as Ext.onReady().
         * @param {Function} fn The method the event invokes.
         * @param {Object} scope (optional) The scope (this reference) in which the handler function executes. Defaults to the browser window.
         * @param {boolean} options (optional) Options object as passed to {@link Ext.Element#addListener}. It is recommended that the options
         * {single: true} be used so that the handler is removed on first invocation.
*/
onDocumentReady( Function fn, [Object scope], [boolean options] ) : void
Adds a listener to be notified when the document is ready (before onload and before images are loaded).
사용 예>

Ext.EventManager.onDocumentReady(BasicInfo_Main.init, BasicInfo_Main, true); 






 
Posted by 굥쓰
Study/Ext JS2011. 3. 12. 20:56

EXT JS? How to learn it?

딱, 나와 같구나... 친절하게 가이드 해 주는 아래 내용대로 따라해 볼까나.

어디서부터 시작해야할 지 모르겠으면 다음 방법으로 접근해보세요.

  1. 무엇을 원하는지 데모에 있는 것들을 한번 보세요.
  2. 데모 소스 코드를 리뷰해보세요.
  3. 소스의 명령들을 보고 잘 이해가 가지 않는다면 Ext JS API Docs 를 통해서 좀더 자세히 확인하세요.
  4. demos를 검색함과 동시에 하려는 것이 무엇인가에 추가적인 설명들이 제공되는 tutorial를 참고하세요.
  5. 일하는 동안에 어떤 문제가 발생하면 FAQs를 확인하세요.
  6. 뭔가 좀더 복잡한 분기를 하는 경우라면 Application Design 자료를 위한 튜토리얼 섹션을 확인하세요.
  7. 확장기능을 만들기 전에 확장기능들을 확인하세요 누군가가 이미 무엇인가 유사한 것을 했을지 모릅니다. 그것들은 forum for extensions 뿐만 아니라 최근의 initiative to house extensions in a more centralized, searchable location. 에서도 찾아볼 수 있습니다.
  8. 책 과 스크린캐스트.
  9. 마지막으로 무료의 여러분의 학습 경험을 통한 기여된 자료 혹은 FAQs를 제공합니다. 잘못 알고 작성하였더라도 걱정하지 않아도 됩니다. 다른 누군가가 정확하게 만들어 줄 것입니다.



1. 무엇을 원하는지 데모에 있는 것들을 한번 보세요.

Portal Example
http://dev.sencha.com/deploy/dev/examples/portal/portal.html

Layout Browser
http://dev.sencha.com/deploy/dev/examples/layout-browser/layout-browser.html

Border Layout
http://dev.sencha.com/deploy/dev/examples/layout/complex.html



Ext.Panel
http://dev.sencha.com/deploy/dev/examples/panel/panels.html

Editor examples
http://dev.sencha.com/deploy/dev/examples/simple-widgets/editor.html

Resizable Examples
http://dev.sencha.com/deploy/dev/examples/resizable/basic.html

Ext Buttons
http://dev.sencha.com/deploy/dev/examples/button/buttons.html

Localization with Extjs
http://dev.sencha.com/deploy/dev/examples/locale/multi-lang.html?lang=ko&charset=utf-8


Pivot Grid
http://dev.sencha.com/deploy/dev/examples/pivotgrid/simple.html

Property Grid
http://dev.sencha.com/deploy/dev/examples/grid/property-grid.html

Edit Grid
http://dev.sencha.com/deploy/dev/examples/grid/edit-grid.html

Custom Grid Filters Example (local filtering)
http://dev.sencha.com/deploy/dev/examples/grid-filtering/grid-filter-local.html

Checkbox Selection in a TreePanel
http://dev.sencha.com/deploy/dev/examples/tree/check-tree.html

Tree Grid
http://dev.sencha.com/deploy/dev/examples/treegrid/treegrid.html


Paging
http://dev.sencha.com/deploy/dev/examples/grid/paging.html


Grouping
http://dev.sencha.com/deploy/dev/examples/grid/grouping.html


Statusbar Demo
http://dev.sencha.com/deploy/dev/examples/statusbar/statusbar-demo.html

Statusbar Advanced
http://dev.sencha.com/deploy/dev/examples/statusbar/statusbar-advanced.html


MessageBox Dialogs
http://dev.sencha.com/deploy/dev/examples/message-box/msg-box.html


Tab Panel Examples
http://dev.sencha.com/deploy/dev/examples/tabs/tabs.html

Advanced Tabs
http://dev.sencha.com/deploy/dev/examples/tabs/tabs-adv.html

An Example of a "Tab Scroller Menu" plugin.
http://dev.sencha.com/deploy/dev/examples/tabs/tab-scroller-menu.html

Group Tabs
http://dev.sencha.com/deploy/dev/examples/grouptabs/grouptabs.html


Charts
http://dev.sencha.com/deploy/dev/examples/chart/charts.html


Offline Support - With Google Gears. http://gears.google.com/
http://dev.sencha.com/deploy/dev/examples/tasks/tasks.html

Posted by 굥쓰

티스토리툴바