2

我需要在我的 sencha touch 项目中实现一个二维码。这是我曾经遵循的教程。 http://simonmacdonald.blogspot.com/2011/12/installing-barcode-plugin-for-phonegap.html

我按照教程进行操作，phonegap 插件在我的手机中运行良好。但是我有一个问题。我可以自定义布局并将插件实施到我的 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!'
            });
        }
    }]
}]

});

将扫描仪置于第二视图

或使用卡片布局

将按钮放在第一项中，将扫描仪放在第二项Ext.getCmp(cardlayoutid).animateActiveItem( Object/Number activeItem, Object/Ext.fx.layout.Card animation)中 在按钮处理程序中使用

于 2012-12-21T07:18:02.240 回答