1

シンプルなSenchaTouchキーパッドプラグインを使用したい。プラグインコードはここにあります。キーパッドは、次のようにタグの下のhtmlファイルに作成できます。

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

キーパッドプラグインをコンテナで直接使用できるように、どのファイルにどのような変更が必要かを誰かに教えてもらえますか？

4

1 に答える 1

1

app.jsファイルで、ローダーのプラグインフォルダーのパスを設定する必要があります... app.jsが配置されているux（プラグイン）フォルダーを配置します... app.jsで次を設定します

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

テンキーを使用しているビューでは、指定する必要があります

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

また、CSS ファイルが適切な場所にあることを確認してください...お役に立てば幸いです...

于 2012-12-29T10:26:31.017 に答える