demos/tizen-winsets/tips/list-sample/expandable.js

   1 $( document ).bind( "pagebeforeshow", function () {
   2         var id = 0,
   3                 add_ex = function () {
   4                         var li = '<li class="ui-li-1line ui-li-dialogue" data-expandable="true" id="exp1" data-initial-expansion="true">exp1 parent</li>' +
   5                                 '<li class="ui-li-1line ui-li-dialogue" data-expanded-by="exp1">exp1-sub 1</li>' +
   6                                 '<li class="ui-li-1line ui-li-dialogue" data-expanded-by="exp1">exp1-sub 2</li>';
   7
   8                         $("#mylist").append( li ).trigger("create");
   9                 },
  10                 add_item = function () {
  11                         var li = '<li class="ui-li-1line ui-li-dialogue" data-expanded-by="exp1">exp1-sub 3</li>';
  12
  13                         $("#mylist").append( li ).trigger("create");
  14                 };
  15
  16         add_ex();
  17         $("#mylist").listview("refresh");
  18
  19         add_item();
  20         $("#mylist").listview("refresh");
  21         $("#exp1").expandablelist("refresh");
  22 });