0

我在使用和 phonegap 的移动应用程序上工作，当我尝试使用此代码创建和刷新列表视图时，该应用程序有 JqueryMobile 列表视图，其中包含许多项目（超过 20 个项目li）并且每个li都有文本框和 3 个单选按钮：

$("#ListView").trigger('create').listview().listview("refresh");

创建 listview 需要 15 秒。

任何人都知道我可以如何加快创建包含许多项目的列表视图？

下面是我用来填充列表视图的把手模板：

<ul data-role="listview" data-inset="true" id="lstQuestions">
    {{#each Data}}

        <li data-role="fieldcontain"  >
            <label  >{{DOrder}} - {{Title}}</label>

            <fieldset data-role="controlgroup" data-type="horizontal"  >
                <input type="radio" name="rdo-{{ID}}" id="rdo-{{InspectionID}}-{{ID}}-3" value="3" data-theme="c" />
                <label for="rdo-{{InspectionID}}-{{ID}}-3">Nothing</label>

                <input type="radio" name="rdo-{{ID}}" id="rdo-{{InspectionID}}-{{ID}}-2" value="2" data-theme="c" />
                <label for="rdo-{{InspectionID}}-{{ID}}-2">No</label>

                <input type="radio" name="rdo-{{ID}}" id="rdo-{{InspectionID}}-{{ID}}-1" value="1" data-theme="c" />
                <label for="rdo-{{InspectionID}}-{{ID}}-1">Yes</label>

            </fieldset>
            <fieldset data-role="controlgroup" class="fieldsetClass">
                <label for="txt-{{ID}}">Comment</label>
                <input type="text" id="txt-{{ID}}" name="txt-{{ID}}" value="{{Comment}}"   />
            </fieldset>
        </li>

    {{/each}}
</ul>
4

1 回答 1

0

古达。
我一直在用 phonegap 和 jQuery Mobile 开发应用程序。在 jQuery Mobile 中，listview 非常非常慢。如果有很多项目，那么永远不要使用列表视图。
解决方案：您应该重写 listview 并忽略 data-role="listview"，您的应用程序会更快。

    <ul>
        <li>
        <li>
    </ul>
    //very faster than
    <ul data-role="listview">
        <li>
        <li>
    </ul>
于 2013-08-21T01:58:53.453 回答