Export 0.1.63

[platform/framework/web/web-ui-fw.git] / src / widgets / listdivider / js / jquery.mobile.tizen.listdivider.js

diff --git a/src/widgets/listdivider/js/jquery.mobile.tizen.listdivider.js b/src/widgets/listdivider/js/jquery.mobile.tizen.listdivider.js
index 3e6e131..02ee17a 100755 (executable)
--- a/src/widgets/listdivider/js/jquery.mobile.tizen.listdivider.js
+++ b/src/widgets/listdivider/js/jquery.mobile.tizen.listdivider.js
@@ -1,14 +1,32 @@
 /* ***************************************************************************
 * style : normal, check
-*
-*
+* option :
+*    - folded : decide to show divider press effect or not
+*    - line : decide to draw divider line or not
 */
+/**
+       @class ListDivider
+       The list divider widget is used as a list separator for grouping lists. List dividers can be used in Tizen as described in the jQueryMobile documentation for list dividers.<br/>
+       To add a list divider widget to the application, use the following code:
 
-(function ( $, undefined ) {
+               <li data-role="list-divider" data-style="check">
+               <form><input type="checkbox" name="c2line-check1" /></form></li>
+
+       The list divider can define callbacks for events as described in the jQueryMobile documentation for list events. <br/> You can use methods with the list divider as described in the jQueryMobile documentation for list methods.
+
+       @since tizen2.0 
+*/
+/**
+       @property {String} data-style
+       Sets the style of the list divider. The style options are dialogue, check, expandable, and checkexpandable.
+*/
 
+(function ( $, undefined ) {
        $.widget( "tizen.listdivider", $.mobile.widget, {
                options: {
                        initSelector: ":jqmData(role='list-divider')",
+                       folded : false,
+                       listDividerLine : true,
                },
 
                _create: function () {
@@ -20,17 +38,28 @@
                                style = $listdivider.attr( "data-style" );
 
                        if ( $listdivider.data("line") === false ) {
-                               listDividerLine = false;
+                               this.options.listDividerLine = false;
+                       }
+
+                       if ( $listdivider.data("folded") === true ) {
+                               this.options.folded = true;
                        }
 
                        if ( style == undefined || style === "normal" || style === "check" ) {
-                               $listdivider.buttonMarkup();
+                               if ( this.options.folded ) {
+                                       $listdivider.buttonMarkup();
+                               } else {
+                                       $listdivider.wrapInner("<span class='ui-btn-text'></span>");
+                               }
 
-                               if ( listDividerLine ) {
+                               if ( this.options.listDividerLine ) {
                                        expandSrc = "<span class='ui-divider-normal-line'></span>";
-                                       $( expandSrc ).appendTo( $listdivider.children( ".ui-btn-inner" ) );
+                                       if ( this.options.folded ) {
+                                               $( expandSrc ).appendTo( $listdivider.children( ".ui-btn-inner" ) );
+                                       } else {
+                                               $( expandSrc ).appendTo( $listdivider);
+                                       }
                                }
-
                        }
 
                        $listdivider.bind( "vclick", function ( event, ui ) {