Sencha Touch ViewPort渲染问题onTap

Question

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

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

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

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用户的消息）。

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

任何想法是什么造成的？古拉爵!!