StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POListview with many items is too slow when create
text
Body
copied!<p>I work on mobile app using and phonegap , the app have JqueryMobile listview with many items (more than 20 items <strong>li</strong> ) and every <strong>li</strong> have textbox and 3 radio buttons , when i try to create and refresh listview using this code :</p> <pre class="lang-js prettyprint-override"><code>$("#ListView").trigger('create').listview().listview("refresh"); </code></pre> <p>It takes 15 second to create the listview .</p> <p>any one know how i can speed the create of listview with many items?</p> <p>below handelbar template that i used to populate listview:</p> <pre class="lang-html prettyprint-override"><code><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> </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload