javascript - 如何摆脱 Sencha Touch List 中的项目填充？

Question

我正在使用煎茶触摸列表。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”。这将达到目的。但是如果你只想使用“列表”，那么你可以在你的 css 中做这个技巧：

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

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