Как сделать список в webOS похожим на Grid? - PullRequest
Новая
       34

Как сделать список в webOS похожим на Grid?

0 голосов
/ 10 сентября 2010

Я попробовал 'float: left;', но при прокрутке (медленно становится понятнее) прокручивается только один элемент списка ... но не numItem из одной строки .. (Но приложение для фотографий, встроенное в Palm до ROM, работает нормально) 1001 *

В одном файле: 

<div id="results-list" class='thumb-list' x-mojo-element="List"></div>

В другом: 

<ul>#{-listElements}</ul>

В другом: 

<li class='thumb-item'>
 <img src="#{-pic_idFormatted}"/>
</li>

CSS: 

/**
 * thumblist
 */
.thumb-list {
 padding: 12px;
}

.thumb-item {
 float: left;
 margin: 8px;
}

.thumb-item img {
 width: 80px;
 height: 80px;
 border-radius: 5px;
 border: 1px solid black;
}

Сценарий: 

    this.resultsModel = {items: []};

this.controller.setupWidget('results-list', {
        itemTemplate:'thumb/search-result',
        listTemplate:'thumb/result-list',
        formatters:{pic_id:this.formatThumb.bind(this)},
        //renderLimit: 50,
        lookahead: 20,
        fixedHeightItems: true,
        initialAverageRowHeight:100,
        hasNoWidgets: true
    },
    this.resultsModel);

alt text

alt text

в той же сетке

1 Ответ

0 голосов
/ 10 сентября 2010

<ul> должен обернуться <li> s: 

<ul>#{-listElements}

<li class='thumb-item'>
 <img src="#{-pic_idFormatted}"/>
</li>

</ul>

Но кроме этого, остальная часть вашего вопроса очень неясна.

...