List Sencha触摸中心列表，可能吗？

[已解决]多亏了Vadym，Sencha拥有自己的保证金资产，这起到了帮助

Ext.define('GeoFun.view.Ukoly', {
    extend: 'Ext.dataview.List',
    xtype: 'ukolylist',
    initialize: function () {
        this.callParent(arguments);
    },
    config: {
        ui: 'round',
        width: '320px',

        margin: 0 auto; //<-- solution

        itemTpl:  Ext.create(
            'Ext.XTemplate',  
            '<div class="listItemContainer">',
            '    I need this list to be in center of the screen.',
            '</div>')

    }
});

我有一个Ext.dataview.List，它的宽度为：“320px”。我现在需要做的是使这些固定的320px-这个列表-在任何分辨率的屏幕中心

因为声誉问题，我不能给你看一张照片，所以我会用另一个词重复一遍，然后画一个小草图

我需要将列表放在屏幕中央

I have it like this now - docked at the left side:
_________________________________________
||list item 1              |             |
||list item 2              |             |
||list item 3              |             |
||list item 4              |             |


What I want to accomplish is this - centered in the middle:
_________________________________________
|      |list item 1             |       |
|      |list item 2             |       |
|      |list item 3             |       |
|      |list item 4             |       |

我找到了一个列表的配置值，我认为它可以完成以作业为中心的任务，但当我将该值设置为true时，列表将完全消失

我的代码是这样的：

Ext.define('GeoFun.view.Ukoly', {
    extend: 'Ext.dataview.List',
    xtype: 'ukolylist',
    initialize: function () {
        this.callParent(arguments);
    },
    config: {
        ui: 'round',
        width: '320px',
        //centered: true, -- doesn't work  
        itemTpl:  Ext.create(
            'Ext.XTemplate',  
            '<div class="listItemContainer">',
            '    I need this list to be in center of the screen.',
            '</div>')
    
    }
});

Ext.define（'GeoFun.view.Ukoly'{
扩展：“Ext.dataview.List”，
xtype:“ukolylist”，
初始化：函数（）{
this.callParent（参数）；
},
配置：{
ui:“圆形”，
宽度：“320px”，
//是的，不起作用
itemTpl:Ext.create(
“Ext.XTemplate”，
'',
“我需要将此列表放在屏幕中央。”，
'')
}
});

---

提前谢谢。

我不确定Sencha是否有任何可以完成这项工作的房产。 所以你应该用css来做。定义下一个css规则：

.listcontainer {
    margin: 0 auto;
}

---

或者，至少使用内联样式，Sencha有自己的margin属性，这很有帮助

Ext.define('GeoFun.view.Ukoly', {
    extend: 'Ext.dataview.List',
    xtype: 'ukolylist',
    initialize: function () {
        this.callParent(arguments);
    },
    config: {
        ui: 'round',
        width: '320px',

        margin: 0 auto; //<-- solution

        itemTpl:  Ext.create(
            'Ext.XTemplate',  
            '<div class="listItemContainer">',
            '    I need this list to be in center of the screen.',
            '</div>')

    }
});

Ext.define（'GeoFun.view.Ukoly'{
扩展：“Ext.dataview.List”，
xtype:“ukolylist”，
初始化：函数（）{
this.callParent（参数）；
},
配置：{
ui:“圆形”，
宽度：“320px”，
边距：0 auto；//我可能写得有点混乱。listcontainer是列表中某项的容器-我将立即编辑它。因此此边距不适用于整个列表。我尝试过，但它不起作用。无论如何，谢谢。Sencha实际上有边距属性，这起到了作用！谢谢。忘记了边距属性：）