不显示由sencha touch2开发的移动应用程序上的列表视图

时间:2014-08-21 10:16:57

标签: list sencha-touch mobile-browser

我制作了一个sencha touch应用程序。该应用包含列表。当我在计算机浏览器中运行应用程序时,列表将正确显示。但是当我在Android移动浏览器上运行它或作为Android移动应用程序时,列表不会出现。代码如下:

型号:

Ext.define('Proximity.model.CandidatebestlistModel', {
    extend: 'Ext.data.Model',
    config: {
        store: 'Proximity.store.CandidatebestStore',
        fields: [{
                name: 'id',
                type: 'int'
            },
            {
                name: 'name',
                type: 'string'
            },
            {
                name: 'img',
                type: 'string'
            },
            {
                name: 'designation',
                type: 'string'
            },
            {
                name: 'summary',
                type: 'string'
            },
            {
                name: 'experience',
                type: 'string'
            },
            {
                name: 'industry',
                type: 'string'
            },
            {
                name: 'functionnml',
                type: 'string'
            },
            {
                name: 'role',
                type: 'string'
            }
        ],
        proxy: {
            type: 'ajax',
            url: Proximity.app.baseUrl + '/index.php/candidate/getcandidatebest',
            withCredentials: false,
            useDefaultXhrHeader: false,
            extraParams: {
                "id": localStorage.getItem('id')
            },
            reader: {
                filters: [
                    Ext.create('Ext.util.Filter', {
                        property: 'ind_id',
                        property: 'fun_id',
                        property: 'role_id'
                    })
                ]
            }
        }
    }
});

商店:

Ext.define('Proximity.store.CandidatebestStore', {
    extend: 'Ext.data.Store',
    alias: 'store.candidatebeststore',

    config: {
        model: 'Proximity.model.CandidatebestlistModel',
        autoLoad: true,
        remoteFilter: true,
        storeId: 'candidatebeststore'
    }
});

查看:

{
    width: Ext.os.deviceType == 'Phone' ? null : '100%',
    height: Ext.os.deviceType == 'Phone' ? null : '100%',
    xtype: 'list',
    itemId: 'list',
    store: 'candidatebeststore',
    masked: {
        xtype: 'loadmask',
        message: 'Please wait... '
    },
    emptyText: 'No List Item Found',
    disableSelection: false,
    itemTpl: '{name}
    '+
    '{designation} {
        summary
    } {
        experience
    }
    Years Experience '+
    '',
    listeners: {
        select: function(view, record) {
            Proximity.app.getController('CandidatelistController').onDetailsview(record.get('id'));
        }
    }
}

有关其他信息: - 我将此列表放在选项卡面板中。所以请给我一些解决这个问题的方法。

谢谢。

1 个答案:

答案 0 :(得分:1)

在以下代码行中

width: Ext.os.deviceType == 'Phone' ? null : '100%',
height: Ext.os.deviceType == 'Phone' ? null : '100%',

将&替换为' 100%'。