Javascript 如何去除Sencha触摸列表中的填充项?
我正在使用sencha触摸列表。Sencha会自动为每个项目添加边距。我不想要任何水平或垂直边距或填充。如何配置它?如下所示为列表视图提供itemCls:Javascript 如何去除Sencha触摸列表中的填充项?,javascript,extjs,sencha-touch,sencha-touch-2,Javascript,Extjs,Sencha Touch,Sencha Touch 2,我正在使用sencha触摸列表。Sencha会自动为每个项目添加边距。我不想要任何水平或垂直边距或填充。如何配置它?如下所示为列表视图提供itemCls: { xtype: 'list', name: 'search_item_list', itemCls: 'search-item-list-item', store: 'PatientInfo', emptyText: 'No items found' } 现在在css文件中添加以下代码: .sear
{
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;
}
将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“数据视图”。这将达到目的。但是如果您只想使用“列表”,那么您可以在css中使用以下技巧:
.x-list .x-list-item .x-list-item-label {
padding: 0em;
}
*这将从应用程序中的所有列表中删除填充。因此,在使用时要具体。您应该对Sencha组件有清晰的了解。如果你不想要填充等,去Sencha“数据视图”。这将达到目的。但是如果您只想使用“列表”,那么您可以在css中使用以下技巧:
.x-list .x-list-item .x-list-item-label {
padding: 0em;
}
*这将从应用程序中的所有列表中删除填充。因此,在使用时要特别注意。我实际上使用的是dataview,但pullRefresh插件有问题:pullRefresh视觉效果的拖动速度比dataview快,因此它会覆盖它。我实际上使用的是dataview,但pullRefresh插件有问题:pullRefresh视觉效果的拖动速度比dataview快就这样过去了。