在我的基于sencha的应用程序中,我想使ext.list大小取决于devide屏幕。这是我使用的代码。
var tab= Ext.create('Ext.List', {
width: 320,//Size wants to change depends on device display
height: 290,//Size wants to change depends on device display
id : 'itemList',
disableSelection: true,
selectedItemCls:'',
itemTpl: ['<div style="margin:0px;" >'+
'<table style="margin:0px;padding:0px;height:40px;" width="100%" >'+
'<tr><td style="padding-left:2px;width:20%;"><span><img src="data:image/jpeg;base64,{itemImage}" height="42" width="42"/>'+
'</span></td><td><span><b><font size="3">{itemName}</font></b><br>{itemDesc}</span></td>'+
'<td style="padding-left:2px;width:20%;">'+
'<img src="resources/img/arrow.png" onclick="viewgiftdetails(\'{itemID}\')"/>'+
'</td></tr></table></div>'].join(),
listeners : {
itemtap: function (list, index, item, record, senchaEvent) {
var data = record.getData();
var itemID = data.itemID;
App.gvars.itidi=data.itemID;
var itemPurchased = data.itemPurchased;
var imgref=data.itemImage;
viewgiftdetails(itemID);
Ext.getCmp('homepnl').setActiveItem({
title: 'My item',
items: [viewitemspnl]
}, {type:'fade', direction:'left'});
}
}
});
需要更改的代码取决于显示?请帮我解决
答案 0 :(得分:0)
我相信您应该删除列表中指定的宽度和高度,并添加布局适合度 应该这样做..
layout:'fit',
答案 1 :(得分:0)
执行配置对象的layout: 'fit'
,其中列表是项目,并删除指定的高度和宽度。
答案 2 :(得分:0)
把布局:'fit'..在那个应用程序中它将起作用