Don't show the list in the mobile app developed by sencha touch2

I made sencha touch app. The app contains a list. When I run the application in my computer browser, the list appears correctly. But when i run it in android mobile browser and as android mobile app no ​​list is displayed. The code looks like this:

Model:

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'
                    })
                ]
            }
        }
    }
});

      


Store:

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

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

      


View:

{
    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'));
        }
    }
}

      

For more information: - I put this list in the tab bar. So please give me some solution to this problem.

Thank.

+3


source to share


1 answer


The next line of codes

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

      



replace null with "100%".

+1


source







All Articles