如何在按钮单击时将视图从列表视图更改为网格视图

【问题标题】：How to change view from listview to gridview on button click如何在按钮单击时将视图从列表视图更改为网格视图
【发布时间】：2014-07-25 02:01:14
【问题描述】：

您好，我使用下面的代码来显示带有图像缩略图的列表视图。

我需要在网格视图中显示相同的内容

<ul data-role="listview" data-inset="true" class="ui-listview ui-listview-inset ui-corner-all ui-shadow">
                    <li data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="c" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-li-has-thumb ui-first-child ui-btn-up-c"><div class="ui-btn-inner ui-li"><div class="ui-btn-text"><a href="#" class="ui-link-inherit">
                        <img src="../../_assets/img/album-bb.jpg" class="ui-li-thumb">
                        <h2 class="ui-li-heading">Broken Bells</h2>
                        <p class="ui-li-desc">Broken Bells</p></a>
                    </div><span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span></div></li>
                    <li data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="c" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-li-has-thumb ui-btn-hover-c"><div class="ui-btn-inner ui-li"><div class="ui-btn-text"><a href="#" class="ui-link-inherit">
                        <img src="../../_assets/img/album-hc.jpg" class="ui-li-thumb">
                        <h2 class="ui-li-heading">Warning</h2>
                        <p class="ui-li-desc">Hot Chip</p></a>
                    </div><span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span></div></li>
                    <li data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="arrow-r" data-iconpos="right" data-theme="c" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-li-has-thumb ui-last-child ui-btn-up-c"><div class="ui-btn-inner ui-li"><div class="ui-btn-text"><a href="#" class="ui-link-inherit">
                        <img src="../../_assets/img/album-p.jpg" class="ui-li-thumb">
                        <h2 class="ui-li-heading">Wolfgang Amadeus Phoenix</h2>
                        <p class="ui-li-desc">Phoenix</p></a>
                    </div><span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span></div></li>
                </ul>

我在 JQeryMobile 文档中进行了搜索，但没有找到任何以网格方式显示它的类。

请告诉我如何通过单击按钮将列表视图更改为网格。

【问题讨论】：

• 什么样的gridview？ jQuery Mobile 没有这样的东西。如果您想要定制一些东西，请向我们展示您想要重新创建的 gridview 图像。
• 我想以表格形式显示。像 ~3（取决于我的屏幕大小）每行中的
• 个项目。请看链接google.co.in/…