Изменение высоты элемента списка в Sencha Touch 2.3

Я пытаюсь сделать минимальную высоту элементов списка в списке равной 100 пикселям, чтобы оставить больше места для 2 строк.

.x-list .x-list-item 
{
    min-height: 500px; /*exaggeration just to see if it works
    background-color: red;
}

Красный фон отображается, однако минимальная высота не влияет, по-видимому, из-за значения !important css где-то, когда я проверил «Проверить элемент» в хроме

<div class="x-list-item-first x-list-header-wrap x-list-item-last x-list-footer-wrap x-list-item x-stretched x-list-item-tpl x-list-item-relative" id="ext-simplelistitem-1" style="min-height: 42px !important;"><div class="x-unsized x-list-disclosure" id="ext-component-6"></div><div class="x-innerhtml" id="ext-element-81"><div class="list-item-title">Title = Unsaved feed title</div> <div class="list-item-narrative">Unsaved feed narrative</div>  </div></div>

Не уверен, как появляется style="min-height: 42px !importantbit, поскольку он не из файла css - тщательно проверил папки


extjs sencha-touch sencha-touch-2 sencha-touch-2.3
person dowjones123    schedule 04.06.2014    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Вы можете попробовать это:

{
                xtype: 'list',
                itemTpl: '{title}',
                itemHeight: 100,
                data: [
                    {title: 'Item 1'},
                    {title: 'This is just a sample piece of code. Try this. It is fitting well.'},
                    {title: 'Item 3'},
                    {title: 'Item 4'}
                ]
}

Вам нужно только установить itemHeight, это позволяет вам установить высоту элемента по умолчанию и используется для приблизительного расчета количества элементов, необходимых для заполнения списка. По умолчанию элементы имеют высоту около 50 пикселей.

По умолчанию: 42 . Вот и все. Удачного кодирования. :)

person Anand Gupta    schedule 05.06.2014

arrow_upward
0
arrow_downward

Установите min-height в родительский div в шаблоне списка:

itemTpl: new Ext.XTemplate(
        '<div style="min-height:100px;">',
        // ... your elements
        '</div>')
person Darin Kolev    schedule 04.06.2014