使用Dojo在Worklight中自定义ListView

时间:2013-03-19 12:00:11

标签: dojo ibm-mobilefirst

我正在开发一个Worklight项目,我正在尝试使用自定义列表视图。我使用Dojo工具包来实现它,但它没有达到我的期望。关于设计我很困惑。这是我的代码:

<div id="bookmarks" data-dojo-type="dojox.mobile.ScrollableView">
    <h1 data-dojo-type="dojox/mobile/Heading">Some Heading</h1>

    <ul data-dojo-type="dojox.mobile.RoundRectList">
        <li data-dojo-type="dojox.mobile.ListItem" data-dojo-props="label:'Item'"><button
    data-dojo-type="dojox.mobile.ToggleButton">Label</button></li>          
    </ul>
</div>

:

我想要这种类型的listView,其中包括图像标记,图标标记和每个列表项中的复选框

1 个答案:

答案 0 :(得分:1)

查看ListItems上的Dojo文档,了解添加内置选项(如图标)的示例。

dojotoolkit.org/reference-guide/1.8/dojox/mobile/ListItem.html#dojox-mobile-listitem

对于更复杂的布局,例如更大的标题,小的子标题和时间戳,您可以使用span标签和css。