extjs Ext.List屏幕适配问题

ct3nt3jp  于 2022-11-04  发布在  其他
关注(0)|答案(3)|浏览(137)

在我的基于 Sencha 的应用程序中,我想让ext.list的大小取决于设备屏幕。这里是我使用的代码。

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

哪些代码需要根据显示器进行更改?

fkaflof6

fkaflof61#

我相信你应该删除你在列表中指定的宽度和高度,并添加布局适合应该这样做。

layout:'fit',
qpgpyjmq

qpgpyjmq2#

对list是其中一项的config对象执行layout: 'fit',并删除指定的高度和宽度。

yrefmtwq

yrefmtwq3#

在应用程序中放置layout:“fit”..它将工作

相关问题