如何摆脱Sencha Touch List中的物品填充？

Question

我正在使用sencha触摸列表。 Sencha会自动为每个项目添加一个保证金。我不想要任何水平或垂直边距或填充。我该如何配置？

Answer 1

将itemCls提供给列表视图，如下所示：

{
    xtype: 'list',
    name: 'search_item_list',
    itemCls: 'search-item-list-item',
    store: 'PatientInfo',
    emptyText: 'No items found'
}

现在在css文件中添加以下代码：

.search-item-list-item .x-innerhtml{
    padding: 0px !important;
}

Answer 2

您应该清楚了解Sencha组件。如果您不想填充等，请转到Sencha“DataView”。这将有助于达到目的。但是如果你只想使用“List”，那么你可以在你的css中执行这个技巧：

.x-list .x-list-item .x-list-item-label {
padding: 0em;
}

*这将删除应用中所有列表的填充。所以在使用时要具体。