Extjs 6.2.0列表不會顯示在IOS上，默認類型爲自定義ListItem

我試圖升級sencha touch到Extjs-6.2現代，我的列表項不會顯示在iOS safari & iOS模擬器& inApp-webkit視圖，我在使用Extjs-6.2.0.103，在我的自定義ListItem中設置項目高度後，它顯示的項目，但它的工作在分機6.0.2沒有項目的高度，也是在Windows chrome iPhone6模擬器上工作，我錯過了什麼？Extjs 6.2.0列表不會顯示在IOS上，默認類型爲自定義ListItem

我的列表可能有變化的行高，所以我無法修復項目的高度，而且ui是由我無法控制的CodeGenerators生成的。

Ext.define('MyApp.view.com.TransferListView',{ 
    extend : 'Ext.Container', 
    xtype : 'xtransferlist', 

    requires : [ 
     'MyApp.view.main.MyList' 
    ], 

    config:{ 
     layout:'fit', 
     height:'100%', 
     width:'100%' 
    }, 

    items:[{ 
     xtype:'mylist', 

     itemTpl:'{id}:{name}<br>{loremIpsum}', 

     data:[{name:'Data Item', id:1}, 
     {name:'Data Item', id:2}, 
     {name:'Data Item', id:3}, 
     {name:'Data Item', id:4}, 
     {name:'Data Item', id:5}, 
     {name:'Data Item', id:6}, 
     {name:'Data Item', id:7}, 
     {name:'Data Item', id:8}, 
     {name:'Data Item', id:9, loremIpsum: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.'}, 
     {name:'Data Item', id:10}, 
     {name:'Data Item', id:11}, 
     {name:'Data Item', id:12}, 
     {name:'Data Item', id:13}, 
     {name:'Data Item', id:14}, 
     {name:'Data Item', id:15}] 
    }] 
}); 

//List 
Ext.define('MyApp.view.main.MyList', { 
    extend: 'Ext.List', 
    xtype: 'mylist', 
    requires:['MyApp.view.main.MyListItem'], 
    config:{ 
     defaultType:'mylistitem', 
     useComponent:true, 
     //useSimpleItems:true, 
    }, 
    constructor: function(config) { 
     // 
     Ext.applyIf(config || {}, { 
      //other config option if any 
     }); 
     this.callParent(arguments); 
     this.initConfig(config); 
     // this.on('painted',function(){ 
     //  debugger; 
     //  this.refresh(); 
     // }); 
    }  
}); 


//ListItem 
Ext.define('MyApp.view.main.MyListItem', { 
    extend: 'Ext.dataview.ListItem', //extend: 'Ext.dataview.component.ListItem',//(6.0.2-working) 
    xtype: 'mylistitem', 
    // config:{ 
    //  minHeight:'100px', 
    //  height:'100px' //displayed after setting height here 
    //  layout:'fit' 
    // }, 
    // constructor: function(config) { 
    //  
    //  Ext.applyIf(config || {}, { 
    //   //other config option if any 
    //  }); 
    //  this.callParent(arguments); 
    //  this.initConfig(config); 
    // }, 
});

PFA截圖

來源

2016-11-25 Gowtham S

得到了來自煎茶工程團隊

響應添加這個CSS

.x-listitem > :not(.x-heighted) { 
    height: auto; 
}

現在，它工作在iOS和鉻

罰款

來源

2016-12-08 07:38:23

Extjs 6.2.0列表不會顯示在IOS上，默認類型爲自定義ListItem

回答

相關問題