src/widgets/listdivider/js/jquery.mobile.tizen.listdivider.js

   1 /* ***************************************************************************
   2 * style : normal, check
   3 *
   4 *
   5 */
   6
   7 (function ( $, undefined ) {
   8
   9         $.widget( "tizen.listdivider", $.mobile.widget, {
  10                 options: {
  11                         initSelector: ":jqmData(role='list-divider')",
  12                 },
  13
  14                 _create: function () {
  15
  16                         var $listdivider = this.element,
  17                                 openStatus = true,
  18                                 expandSrc,
  19                                 listDividerLine = true,
  20                                 style = $listdivider.attr( "data-style" );
  21
  22                         if ( $listdivider.data("line") === false ) {
  23                                 listDividerLine = false;
  24                         }
  25
  26                         if ( style == undefined || style === "normal" || style === "check" ) {
  27                                 $listdivider.buttonMarkup();
  28
  29                                 if ( listDividerLine ) {
  30                                         expandSrc = "<span class='ui-divider-normal-line'></span>";
  31                                         $( expandSrc ).appendTo( $listdivider.children( ".ui-btn-inner" ) );
  32                                 }
  33
  34                         }
  35
  36                         $listdivider.bind( "vclick", function ( event, ui ) {
  37                         /* need to implement expand/collapse divider */
  38                         });
  39                 },
  40         });
  41
  42         //auto self-init widgets
  43         $( document ).bind( "pagecreate create", function ( e ) {
  44                 $( $.tizen.listdivider.prototype.options.initSelector, e.target ).listdivider();
  45         });
  46 }( jQuery ) );