如何使用phonegap获取android的可折叠列表视图 [英] how to get collapsible listview for android using phonegap

问题描述

我有3个列表视图名为

活动 - 今天，活动 - 本周，活动 - 本月。

activities-today, activities-this week, activities-this month.

我想使用可折叠列表视图格式来显示列表。我已经看到了使用jquery mobile的可折叠列表视图的示例，但我想用java脚本，html和css实现这一点。任何人都可以帮助我吗？

I want to use collapsible list view format to show the lists. I've seen an example of collapsible list view using jquery mobile but i want to achieve this with java script,html and css. can anyone help me?

如图所示，我想要这样的东西。希望我的问题很明确。

I want something in this way as shown. Hope my question is clear.

谢谢。

推荐答案

试试这样：

<div data-role="page" id="home"> 

    <div data-role="header"> 
        <h1>jQuery Mobile</h1> 
    </div> 

    <div data-role="content">

        <div data-role="collapsible-set">

    <div data-role="collapsible" data-collapsed="false">
    <h3>Section 1</h3>

        <ul data-role="listview" data-inset="true">
                <li data-filtertext="11:first:one"><a href="#">one</a></li>
<li data-filtertext="22:second:two"><a href="#">two</a></li>
<li data-filtertext="33:third:three"><a href="#">three</a></li>
<li data-filtertext="44:fourth:four"><a href="#">four</a></li>            
            </ul>

    </div>

    <div data-role="collapsible">
    <h3>Section 2</h3>
    <p>I'm the collapsible set content for section B.</p>
    </div>

</div>


    </div>
</div>
​

完整来源 http://jsfiddle.net/dhavaln/UCDfU/

这篇关于如何使用phonegap获取android的可折叠列表视图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！