首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Extjs6.2.0列表不会以自定义defaultType形式显示在IOS上

Extjs6.2.0列表不会以自定义defaultType形式显示在IOS上
EN

Stack Overflow用户
提问于 2016-11-25 14:57:35
回答 1查看 146关注 0票数 0

我试图升级感应器触摸到Extjs-6.2现代,我的列表项目没有显示在iOS safari & iOS模拟器& inApp-webkit视图中,我使用的是Extjs-6.2.0.103,在我的自定义ListItem中设置了显示这些项目的项目高度后,但是它在ext 6.0.2中工作,没有项目高度,而且它正在运行在windows chrome iPhone6模拟器上,我遗漏了什么吗?

我的列表可能有可变的行高,所以我无法修复项的高度,而且ui也是由CodeGenerators生成的,我没有控制。

代码语言:javascript
运行
复制
    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截图

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-12-08 07:38:23

得到了森查工程队的回应

添加此css

代码语言:javascript
运行
复制
.x-listitem > :not(.x-heighted) {
    height: auto;
}

现在它在ios和chrome上都很好地工作。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40807682

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档