如何摆脱煎茶触摸列表中的项目填充

How to get rid of items padding in a Sencha Touch List?

本文关键字：项目 填充 列表 触摸 何摆脱      更新时间：2023-09-26

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

将 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;
}
您应该对

Sencha组件有清晰的认识。如果您不想要填充等，请选择Sencha"DataView"。这将达到目的。但是如果你只想使用"列表"，那么你可以在你的css中做这个技巧：

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

*这将从应用的所有列表中删除填充。因此，使用时要具体说明。

相关文章：