2

senchatouchプロジェクトにqrコードを実装する必要があります。これが私が従ったチュートリアルです。 http://simonmacdonald.blogspot.com/2011/12/installing-barcode-plugin-for-phonegap.html

私はチュートリアルに従い、phonegapプラグインは私の電話で非常にうまく機能しています。しかし、nw私は質問を受けました。レイアウトをカスタマイズして、sencha touchプロジェクトにプラグインを実装できますか?

たとえば、メンバープロファイルボタンをクリックすると、バーコードスキャナーが表示されます。

これが私のコードです。

Ext.define('bluebutton.view.BlueButton.MemberPopUp', {
extend: 'Ext.Panel',
xtype: 'memberpopup',

requires: [
    'Ext.form.Panel',
    'Ext.form.FieldSet',
    'Ext.field.Text',
     'bluebutton.view.BlueButton.MemberDetail'

],

config: {


    items: [
                 {
                     docked: 'top',
                     xtype: 'titlebar',
                     items: [
                         {
                             xtype: 'button',
                             text: 'Member Profile'
                         },
                          {
                              xtype: 'button',
                              text: 'Transaction History'
                          }
                      ]
                 },
                 {
                    html : '<div align="center"> <img src="/bluebutton/resources/images/user2.png" alt="Smiley face" height="150" width="150" border="5"> </div>'


                 }
             ]

}

});

助けてください。前もって感謝します

4

1 に答える 1

1

1)ナビゲーションビューを使用できます

元:

var view = Ext.create('Ext.NavigationView', {
fullscreen: true,

items: [{
    title: 'First',
    items: [{
        xtype: 'button',
        text: 'Push a new view!',
        handler: function() {
            //use the push() method to push another view. It works much like
            //add() or setActiveItem(). it accepts a view instance, or you can give it
            //a view config.
            view.push({
                title: 'Second',
                html: 'Second view!'
            });
        }
    }]
}]

});

スキャナを 2 番目のビューに配置する

またはカードレイアウトを使用

最初のアイテムにボタンを配置し、2 番目のアイテムにスキャナーを配置してExt.getCmp(cardlayoutid).animateActiveItem( Object/Number activeItem, Object/Ext.fx.layout.Card animation)、ボタン ハンドラーで使用します。

于 2012-12-21T07:18:02.240 に答える