在Sencha Touch中使用外部插件

我想使用简单的Sencha Touch键盘插件。插件代码可以通过here找到。键盘可以在HTML文件下的标签来创建如下：在Sencha Touch中使用外部插件

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

<div id="keypad"/>

另外，也可以在煎茶容器如下使用过：

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

但是，我不能让它以后一种方式工作。我对Sencha很陌生，我认为我没有把文件放在正确的地方，也没有妥善包括它们。我已经列入我的index.html如下：

<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>

有人可以让我知道什么修改是必要的，哪些文件，这样我可以使用键盘直接在容器插件？

来源

2012-06-18 user1025872

您是否找到解决方案？ – user998405

在app.js文件，你需要设置路径在装载机的插件文件夹... 放到哪里你app.js所在的UX（插件）文件夹... 在app.js设置你在哪里使用数字键盘下面

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

在视图中，您需要指定一个

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

还要确保CSS文件是在正确的位置... 希望它可以帮助...

来源

2012-12-29 10:26:31

在Sencha Touch中使用外部插件

回答

相关问题