Sencha touch 在Sencha Touch中使用外部插件

我想使用一个简单的Sencha触摸键盘插件。 插件代码可以在上面找到。 可以在html文件中的标记下创建键盘，如下所示：

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

<div id="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>

---

有人能告诉我哪些文件需要进行哪些修改，以便我可以直接在容器中使用键盘插件吗？

在app.js文件中，您需要为加载程序中的插件文件夹设置路径。。。 将ux（插件）文件夹放在app.js所在的位置。。。 在app.js中设置以下内容

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

在使用numpad的视图上，需要指定

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

还要确保CSS文件位于正确的位置。。。

---

希望它有帮助…

在app.js文件中，您需要在加载程序中设置插件文件夹的路径。。。 将ux（插件）文件夹放在app.js所在的位置。。。 在app.js中设置以下内容

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

在使用numpad的视图上，需要指定

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

还要确保CSS文件位于正确的位置。。。 希望对你有帮助