我制作了一个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'));
}
}
}
有关其他信息: - 我将此列表放在选项卡面板中。所以请给我一些解决这个问题的方法。
谢谢。
答案 0 :(得分:1)
在以下代码行中
width: Ext.os.deviceType == 'Phone' ? null : '100%',
height: Ext.os.deviceType == 'Phone' ? null : '100%',
将&替换为' 100%'。