listview: Add add/delete animation (VI)
[platform/framework/web/web-ui-fw.git] / libs / patch / 0022-JQM-Tizen-listview-vi-has-been-added.patch
1 From 7a14b644b1c924aae78c04ecbb2d399e99f46f8f Mon Sep 17 00:00:00 2001
2 From: "hjnim.kim" <hjnim.kim@samsung.com>
3 Date: Thu, 3 Jan 2013 16:50:15 +0900
4 Subject: [PATCH] JQM Tizen listview vi has been added
5
6 Change-Id: I0f62283d2fb05404dc599f8a529078a4972aaf49
7 ---
8  libs/js/jquery-mobile-1.2.0/js/widgets/listview.js |   44 ++++++++++++++++++++
9  1 files changed, 44 insertions(+), 0 deletions(-)
10
11 diff --git a/libs/js/jquery-mobile-1.2.0/js/widgets/listview.js b/libs/js/jquery-mobile-1.2.0/js/widgets/listview.js
12 index 539bf35..f44f6b8 100644
13 --- a/libs/js/jquery-mobile-1.2.0/js/widgets/listview.js
14 +++ b/libs/js/jquery-mobile-1.2.0/js/widgets/listview.js
15 @@ -468,6 +468,50 @@ $.widget( "mobile.listview", $.mobile.widget, {
16                 }
17         },
18  
19 +       addItem : function( listitem , idx ) {
20 +               var $item = $(listitem),
21 +                       $li,
22 +                       _self = this;
23 +
24 +               $li = _self.element.children( 'li' );
25 +               $item.css( { 'opacity' : 0,
26 +                                        'display' : 'none' } );
27 +               if( $li.length == 0
28 +                       || $li.length <= idx)
29 +               {
30 +                       $( _self.element ).append( $item );
31 +               } else {
32 +                       $( $li.get( idx ) ).before( $item );
33 +               }
34 +               $(_self.element).trigger("create")
35 +                       .listview( 'refresh' );
36 +
37 +               $item.css( 'min-height' , '0px' );
38 +
39 +               $item.slideDown( 'fast' , function( ){
40 +                       $item.addClass("addli");
41 +                       $item.css( { 'opacity' : 1 } );
42 +               } );
43 +       },
44 +
45 +       removeItem : function( idx ) {
46 +               var $item,
47 +                       $li,
48 +                       _self = this;
49 +
50 +               $li = _self.element.children( 'li' );
51 +               if( $li.length <= 0 ||
52 +                       $li.length < idx ) {
53 +                       return ;
54 +               }
55 +               $item = $( $li.get( idx ) );
56 +               $item.addClass("removeli");
57 +               $item.slideUp('normal',
58 +                       function( ) {
59 +                       $(this).remove();
60 +               });
61 +       },
62 +
63         // TODO sort out a better way to track sub pages of the listview this is brittle
64         childPages: function() {
65                 var parentUrl = this.parentPage.jqmData( "url" );
66 -- 
67 1.7.5.4
68