<h1>extendable list</h1>
</div>
<div data-role="content">
- <ul id = "extendable_list_main" data-role="extendablelist" data-extenditems="50" data-template="tmp-1line" data-dbtable="JSON_DATA">
- </ul>
+ <ul id = "extendable_list_main" data-role="extendablelist" data-extenditems="50" data-template="tmp-1line"></ul>
</div>
<div data-role="footer">
</div>
$("#genlist_extendable_page").one("pagecreate", function ( el ) {
/*?_=ts code for no cache mechanism*/
$.getScript( "./virtuallist-db-demo.js", function ( data, textStatus ) {
- $("ul").filter( function () {
- return $( this ).data("role") == "extendablelist";
- }).addClass("elLoadSuccess");
- $("ul.ui-extendable-list-container").extendablelist("create");
- // TODO: 'create' is called twice!!
+ $("ul.ui-extendable-list-container").extendablelist("create", {
+ itemData: function ( idx ) {
+ return JSON_DATA[ idx ];
+ },
+ numItemData: JSON_DATA.length
+ });
});
});
\ No newline at end of file
</li>
</script>
- <ul id="virtuallist-normal_1line_ul" data-role="virtuallistview" data-template="tmp-1line" data-dbtable="JSON_DATA" data-row="100">
+ <ul id="virtuallist-normal_1line_ul" data-role="virtuallistview" data-template="tmp-1line" data-row="100">
</ul>
</div>
<div data-role="footer">
<div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
</li>
</script>
- <ul id="virtuallist-normal_1line-bigicon5_ul" data-role="virtuallistview" data-template="tmp-1line-bigicon5" data-dbtable="JSON_DATA" data-row="100">
+ <ul id="virtuallist-normal_1line-bigicon5_ul" data-role="virtuallistview" data-template="tmp-1line-bigicon5" data-row="100">
</ul>
</div>
<div data-role="footer">
<div data-role="button" data-inline="true">${ACTIVE}</div>
</li>
</script>
- <ul id="virtuallist-normal_1line-btn1_ul" data-role="virtuallistview" data-template="tmp-1line-btn1" data-dbtable="JSON_DATA" data-row="100">
+ <ul id="virtuallist-normal_1line-btn1_ul" data-role="virtuallistview" data-template="tmp-1line-btn1" data-row="100">
</ul>
</div>
<div data-role="footer">
<div data-role="toggleswitch"/></div>
</li>
</script>
- <ul id="virtuallist-normal_1line-toggle_ul" data-role="virtuallistview" data-template="tmp-1line-toggle" data-dbtable="JSON_DATA" data-row="100">
+ <ul id="virtuallist-normal_1line-toggle_ul" data-role="virtuallistview" data-template="tmp-1line-toggle" data-row="100">
</ul>
</div>
<div data-role="footer">
</script>
- <ul id="virtuallist-normal_2line-star1_ul" data-role="virtuallistview" data-template="tmp-2line-star1" data-dbtable="JSON_DATA" data-row="100">
+ <ul id="virtuallist-normal_2line-star1_ul" data-role="virtuallistview" data-template="tmp-2line-star1" data-row="100">
</ul>
</div>
<div data-role="footer" data-add-back-btn="true">
$("div.virtuallist_demo_page").one("pagecreate", function () {
/* ?_=ts code for no cache mechanism */
$.getScript( "virtuallist-db-demo.js", function ( data, textStatus ) {
- $("ul").filter( function () {
- return $( this ).data("role") == "virtuallistview";
- }).addClass("vlLoadSuccess");
- $("ul.ui-virtual-list-container").virtuallistview("create");
+ $("ul.ui-virtual-list-container").virtuallistview("create", {
+ itemData: function ( idx ) {
+ return JSON_DATA[ idx ];
+ },
+ numItemData: JSON_DATA.length
+ });
});
});
\ No newline at end of file