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

Question

I am using a sencha touch list. Sencha automatically adds a margin to every item. I don't want any horizontal or vertical margin or padding. How do I configure it ?

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;
}

*これにより、アプリ内のすべてのリストからパディングが削除されます。したがって、これを使用するときは具体的にしてください。