Sencha Touch에서 외부 플러그인 사용

Question

간단한 Sencha Touch 키패드 플러그인을 사용하고 싶습니다. 플러그인 코드는 here에서 찾을 수 있습니다. 키패드가 태그에서 HTML 파일을 만들 수 있습니다 다음과 같이

<script> 
    Ext.setup({ 
     onReady: function() { 
      var basic = new Ext.ux.Keypad(); 
      basic.render('keypad'); 
     } 
    }); 
</script> 

<div id="keypad"/> 

를 대안 적으로는 엽차 컨테이너에서 사용할 수있는 너무 다음과 같이

... 
items:[ 
    { 
     xtype: 'keypad' 
    } 
] 

을하지만, 내가 할 수없는입니다 후자의 방식대로 작동하도록하십시오. 나는 Sencha를 처음 사용하고 있으며 적절한 장소에 파일을 배치하지 않거나 적절하게 포함시키지 않을 것이라고 생각합니다.

이

<script type="text/javascript" charset="utf-8" src="js/sencha-touch-1.1.1/sencha-touch.js"></script> 
<link rel="stylesheet" type="text/css" href="js/sencha-touch-1.1.1/resources/css/sencha-touch.css"> 
<script src="js/Keypad.js" type="text/javascript" charset="utf-8"></script> 

누군가가 제가 용기에 직접 플러그인 키패드를 사용할 수 있도록하는 파일을 필요 어떤 수정 알려 수 : 난 이미 내 index.html을에서 다음을 포함했다? 당신의 app.js에

Answer 1

당신이 로더의 플러그인 폴더에 대한 경로를 설정해야 파일 ... 이 app.js가있는 UX (플러그인) 폴더를 넣어 ... app.js에 가 설정 한 당신은 숫자 키패드를 사용하는 경우보기에

Ext.Loader.setPath('Ext.ux', 'ux'); 

을 다음 당신은 또한 CSS 파일을 적절한 위치에 있는지 확인

requires: ['Ext.ux.NumPad' ...] //All plugin related files 

을 지정해야합니다 ... 는 희망이 도움이 ...