1

我想使用一个简单的 Sencha Touch 键盘插件。插件代码可以在这里找到。可以在标签下的 html 文件中创建键盘，如下所示：

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

<div id="keypad"/>

或者，它也可以在 Sencha 容器中使用，如下所示：

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

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

4

1 回答 1

1

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

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

在您使用小键盘的视图上，您​​需要指定一个

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

还要确保 CSS 文件位于正确的位置......希望它有帮助......

于 2012-12-29T10:26:31.017 回答