티스토리 뷰

웹프로그래밍/js

jQuery 에서 ExtJS 로

공허공자 2012. 2. 29. 13:37

ExtJS 시작하기
http://www.sencha.com/learn/legacy/Tutorial:Introduction_to_Ext_(Korean)


페이지 시작시...

jQuery ExtJS 
$(function() { ... });   Ext.onReady(function() { ... });  


DOM 노드 선택

<input type="text" id="user_name" name="user_name" />

일반  jQuery ExtJS
var user_name = document.getElementById("user_name"); var user_name = $('#user_name'); var user_name = Ext.get('user_name');


DOM 노드 찾아서 선택

<p>paragraph 1</p>

<p>paragraph 2</p>

<p>paragraph 3</p>

jQuery  ExtJS
var p = $('body').find('p'); var p = Ext.select('p');


버튼 이벤트 다루기

<input type="button" id="btnGo" value="가자" />

jQuery ExtJS
$('#btnGo').click(function() { ... }); Ext.get('btnGo').on('click', function() { ... });




댓글