demos/tizen-winsets/widgets/list/list-swipe.html

   1 <div data-role="page" id="genlist-swipe" data-add-back-btn="true" data-fit-page-to-window="true">
   2         <script type="text/javascript">
   3                 var openSwipe = function()
   4                 {
   5                         $("#sw").swipe("open");
   6                 }
   7                 var closeSwipe = function()
   8                 {
   9                         $("#sw").swipe("close");
  10                 }
  11         </script>
  12         <div data-role="header" data-position="fixed">
  13                 <h1>Swipe lists</h1>
  14         </div>
  15         <div class="content" data-role="content">
  16                 <ul data-role="listview">
  17                                 <li data-role="swipe">
  18                                         <div data-role="swipe-item-cover">
  19                                                 Swipe
  20                                         </div>
  21                                         <div data-role="swipe-item">
  22                                                 <div data-role="button" data-inline="true">Twitter</div>
  23                                                 <div data-role="button" data-inline="true">Facebook</div>
  24                                         </div>
  25                                 </li>
  26                                 <li data-role="swipe">
  27                                         <div data-role="swipe-item-cover">
  28                                                 Swipe
  29                                         </div>
  30                                         <div data-role="swipe-item">
  31                                                 <div data-role="button" data-inline="true">Twitter</div>
  32                                                 <div data-role="button" data-inline="true">Facebook</div>
  33                                         </div>
  34                                 </li>
  35                                 <li data-role="swipe">
  36                                         <div data-role="swipe-item-cover">
  37                                                 Swipe
  38                                         </div>
  39                                         <div data-role="swipe-item">
  40                                                 <div data-role="button" data-inline="true">Twitter</div>
  41                                                 <div data-role="button" data-inline="true">Facebook</div>
  42                                         </div>
  43                                 </li>
  44                                 <li data-role="swipe">
  45                                         <div data-role="swipe-item-cover">
  46                                                 Swipe
  47                                         </div>
  48                                         <div data-role="swipe-item">
  49                                                 <div data-role="button" data-inline="true">Twitter</div>
  50                                                 <div data-role="button" data-inline="true">Facebook</div>
  51                                         </div>
  52                                 </li>
  53                                 <li data-role="swipe">
  54                                         <div data-role="swipe-item-cover">
  55                                                 Swipe
  56                                         </div>
  57                                         <div data-role="swipe-item">
  58                                                 <div data-role="button" data-inline="true">Twitter</div>
  59                                                 <div data-role="button" data-inline="true">Facebook</div>
  60                                         </div>
  61                                 </li>
  62                                 <li data-role="swipe">
  63                                         <div data-role="swipe-item-cover">
  64                                                 Swipe
  65                                         </div>
  66                                         <div data-role="swipe-item">
  67                                                 <div data-role="button" data-inline="true">Twitter</div>
  68                                                 <div data-role="button" data-inline="true">Facebook</div>
  69                                         </div>
  70                                 </li>
  71                                 <li data-role="swipe">
  72                                         <div data-role="swipe-item-cover">
  73                                                 Swipe
  74                                         </div>
  75                                         <div data-role="swipe-item">
  76                                                 <div data-role="button" data-inline="true">Twitter</div>
  77                                                 <div data-role="button" data-inline="true">Facebook</div>
  78                                         </div>
  79                                 </li>
  80                                 <li data-role="swipe">
  81                                         <div data-role="swipe-item-cover">
  82                                                 Swipe
  83                                         </div>
  84                                         <div data-role="swipe-item">
  85                                                 <div data-role="button" data-inline="true">Twitter</div>
  86                                                 <div data-role="button" data-inline="true">Facebook</div>
  87                                         </div>
  88                                 </li>
  89                                 <li>
  90                                         Test API:
  91                                         <div data-role="button" data-inline="true" onclick="openSwipe()">
  92                                                 Open
  93                                         </div>
  94                                         <div data-role="button" data-inline="true" onclick="closeSwipe()">
  95                                                 Close
  96                                         </div>
  97                                 </li>
  98                                 <li data-role="swipe" id="sw">
  99                                         <div data-role="swipe-item-cover">
 100                                                 Test API - Swipe2
 101                                         </div>
 102                                         <div data-role="swipe-item">
 103                                                 <div data-role="button" data-inline="true">Twitter</div>
 104                                                 <div data-role="button" data-inline="true">Facebook</div>
 105                                         </div>
 106                                 </div>
 107                 </ul>
 108         </div>
 109         <div data-role="footer">
 110         </div>
 111 </div>
 112