tizen-web-ui-fw/latest/js/src/jquery.mobile.grid.js

   1 (function( $, undefined ) {
   2
   3 $.fn.grid = function( options ) {
   4         return this.each(function() {
   5
   6                 var $this = $( this ),
   7                         o = $.extend({
   8                                 grid: null
   9                         }, options ),
  10                         $kids = $this.children(),
  11                         gridCols = { solo:1, a:2, b:3, c:4, d:5 },
  12                         grid = o.grid,
  13                         iterator;
  14
  15                         if ( !grid ) {
  16                                 if ( $kids.length <= 5 ) {
  17                                         for ( var letter in gridCols ) {
  18                                                 if ( gridCols[ letter ] === $kids.length ) {
  19                                                         grid = letter;
  20                                                 }
  21                                         }
  22                                 } else {
  23                                         grid = "a";
  24                                         $this.addClass( "ui-grid-duo" );
  25                                 }
  26                         }
  27                         iterator = gridCols[grid];
  28
  29                 $this.addClass( "ui-grid-" + grid );
  30
  31                 $kids.filter( ":nth-child(" + iterator + "n+1)" ).addClass( "ui-block-a" );
  32
  33                 if ( iterator > 1 ) {
  34                         $kids.filter( ":nth-child(" + iterator + "n+2)" ).addClass( "ui-block-b" );
  35                 }
  36                 if ( iterator > 2 ) {
  37                         $kids.filter( ":nth-child(" + iterator + "n+3)" ).addClass( "ui-block-c" );
  38                 }
  39                 if ( iterator > 3 ) {
  40                         $kids.filter( ":nth-child(" + iterator + "n+4)" ).addClass( "ui-block-d" );
  41                 }
  42                 if ( iterator > 4 ) {
  43                         $kids.filter( ":nth-child(" + iterator + "n+5)" ).addClass( "ui-block-e" );
  44                 }
  45         });
  46 };
  47 })( jQuery );