1

我有一个功能齐全的 Sencha Touc 2.1.1 应用程序捆绑在 Phonegap 2.5 中。在其中，我有几个列表，用于生成用于数据输入和其他杂项活动的表单面板。

一个示例如下（它发生在通过列表点击打开的所有表单面板上）：

我有一个带有项目模板的列表在此容器中呈现：

Ext.define('EvaluateIt.view.Push', {
        extend: 'Ext.Container',
        fullscreen: true,
        //requires: ['Ext.TitleBar'],
        alias: 'widget.pushview',

        config: {
            layout: 'vbox',
            layout: 'fit',
            //id: 'pushview',
            items: [
                {
                    xtype: 'toolbar',
                    docked: 'top',
                    items: [
                        {
                            xtype: 'button',
                            itemId: 'loginButton',
                            text: 'Login',
                            iconCls: 'arrow_right',
                            iconMask: true 
                        },
                        {
                            xtype: 'button',
                            itemId: 'logOutButton',
                            text: 'Logout',
                            iconCls: 'arrow_right',
                            iconMask: true 
                        }

                    ]

                },
                {
                    flex: 1,
                    xtype: 'pushList'
                }

        ],
        listeners: [{
            delegate: '#logOutButton',
            event: 'tap',
            fn: 'onLogOutButtonTap'
        }]
    },
    onLogOutButtonTap: function () {
        this.fireEvent('onSignOffCommand');
    }

});

名单是：

Ext.define('EvaluateIt.view.PushList', {
    extend: 'Ext.dataview.List', //'Ext.tab.Panel',
    alias : 'widget.pushList',
    config: {
        width: Ext.os.deviceType == 'Phone' ? null : 300,
        height: Ext.os.deviceType == 'Phone' ? null : 500,
        xtype: 'list',
        store: 'SiteEvaluations', //getRange(0, 9),
        itemTpl: [
            '<div><strong>Address: {address}</strong></div> '
        ],
        variableHeights: false
    }

});

在点击 itemTpl 中呈现的地址时打开的表单是：

Ext.define('EvaluateIt.view.PushForm', {
    extend: 'Ext.form.Panel',
    alias : 'widget.pushForm',
    requires: [
        'Ext.form.Panel',
        'Ext.form.FieldSet',
        'Ext.field.Number',
        'Ext.field.DatePicker',
        'Ext.field.Select',
        'Ext.field.Hidden'
    ],
    config: {

    // We give it a left and top property to make it floating by default
        left: 0,
        top: 0,

        // Make it modal so you can click the mask to hide the overlay
        modal: true,
        hideOnMaskTap: true,

        // Set the width and height of the panel
        //width: 400,
        //height: 330,
        width: Ext.os.deviceType == 'Phone' ?  screen.width : 350,
        height: Ext.os.deviceType == 'Phone' ?  screen.height : 500,
        scrollable: true,
        layout: {
            type: 'vbox'
        },
        defaults: {
            margin: '0 0 5 0',
            labelWidth: '40%',
            labelWrap: true
        },
        items: [
            {
                xtype: 'textfield', 
                name: 'address',
                readOnly: true
            },
            /*{
                xtype: 'checkboxfield',
                id: 'addImage',
                label: 'Upload Image'
            },*/

            {
                xtype: 'button',
                itemId: 'save',
                text: 'Push to server'
            }

        ]
    }
});

这通过我的控制器中的以下方法称为 ViewPort：

onSelectPush: function(view, index, target, record, event) {

    console.log('Selected a SiteEvaluation from the list');
    var pushForm = Ext.Viewport.down('pushForm');

    if(!pushForm){
        pushForm = Ext.widget('pushForm');
    }    
    pushForm.setRecord(record);
    pushForm.showBy(target);

    console.log('Selected a Push from the list ' + index + ' ' + record.data.address);
}

这通常按预期工作：

  1. 打开推送视图
  2. 点击列表中的地址
  3. PushForm 打开供用户使用。

然而！有时，当用户点击地址时，而不是 PushForm 打开一个黑色箭头显示在列表中的地址下方（见附图）

在此处输入图像描述.

什么时候会发生这种情况是不可预测的，但它确实发生了。到目前为止，它只发生在我的 Android 设备上，而不是在模拟器或 Web 浏览器中（我还没有从我的任何 iOS 用户那里听说过这件事）。

注意：让应用程序再次“正常”运行的唯一方法是完全重启或强制关闭应用程序。

任何想法是什么原因造成的？感恩！！

4

0 回答 0