如何擺脫Sencha觸摸列表中填充的項目？

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”。 這將達到目的。 但是，如果您只想使用“列表”，則可以在CSS中執行以下操作：

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

*這將從應用程序的所有列表中刪除填充。 因此，在使用此方法時要具體。