인생은 열정

이전글 과도 관련이 있는데 ext를 이용해 만들어진 모양이 마음에 안들어 수정하고 싶을때 api를 찾아보면 cls라는 config가 보일것이다. 다른 테스트는 안해보고 관련 내용만 구글링해서 아래 코드를 작성해 적용했다. [code css] .myClass{      padding: 0 20px 0 20px; } [/code] [code javascript] var myPanel = new Ext.Panel({      layout: 'table',      items: [{            xtype: 'label',            text : ' 요부분',            cellCls : 'myClass'      },{            xtype: 'button',            text : '버튼'      }] }); [/code] 관련 쓰레드 링크걸어드립니다. 참고로 Animal이란 분은 가끔 무성의 합니다.ㅎㅎ https://extjs.com/forum/showthread.php?p=263968

Ext하면서 경험 하신분들이 많을것이다. Panel 을 column layout으로 설정하고 item중에 button을 넣으면 패널이 2개나타나면서 오류가 난다. 그래서, items에 패널을 만들고 그안에 button을 만들어 해결할수 있다. 좀 더 편한방법은 column layout을 사용하지 않고, table layout을 사용하면 쉽게 해결된다. 정확한 원인은 영어 울렁증으로 다 읽어보진 않았다. 아래 쓰레드를 참고하기 바란다. http://extjs.com/forum/showthread.php?p=172733

작년에 Extjs 라는 자바스크립 프래임웍을 사용보았다. 처음 익숙해 지는데 시간이 꽤 걸린것 같다. 아직 자바스크립트 초보라 그런듯하다. 주로 JSON형식으로 object들을 생성하며 처음 익힐땐 꼭 예제를 보고 따라하기 바란다. 자신만만하게 API보고 해봤다가는 날밤까기 일수다. 아마 가장 많이 하는 실수가 configuration때 , (콤마) 를 마지막에 넣어서 일것이다. 화면에 아무것도 나오지 않는다. 하지만 파폭에서는 정상적으로 실행된다. 한글자료가 별로 없기때문에 사용하기 까다롭지만 API를 잘 보면 약간 부실해도 설명이 되어있다.(물론 영어로) 영어가 짧아서 더 힘들었던것 같다. 백문이 불여일견이라 혹시나 궁금한 분들은 예제들을 한번둘러보길 바란다. http://extjs.com 처음 시작하는 분은 먼저 ext 관련 js 파일들을 웹페이지에 불러주고 예제처럼 자신의 js파일을 만들어 추가한다. [code html] <script type="text/javascript" src="extjs/ext-core.js"></script> <script type="text/javascript" src="extjs/ext-all.js"></script> <!-- 등등 ... 그리고, 자신의 js 파일 추가 --> <script type="text/javascript" src="custom/myGrid.js"></script> [/code] myGrid.js 는 [code js] Ext.onReady(function(){    // create the example data store     var store = new Ext.data.SimpleStore({         fields: [            {name: 'company'},   ...