Gelmiş geçmiş en büyük porno sitemiz olan 2pe de her zaman en kaliteli pornoları sunmayı hedefledik. Diğer video sitemiz olan vuam da ise hd porno ağırlıklı çalışmalara başladık.

  1. #1
    Sencha User tomalex0's Avatar
    Join Date
    Apr 2009
    Location
    San Jose, CA
    Posts
    589
    Vote Rating
    16
    tomalex0 will become famous soon enough

      0  

    Default Adding Scroller for div

    Adding Scroller for div


    Hi,

    How could we add Custom scrollers.
    This is just an example i was trying to make work.

    Code:
    new Ext.Panel({
           scroll:false,
           title:'Test',
           html:'<div id="mainid">
    <div class="header"></div>
    <div class="div-body"">There will be many contents here.</div>
    </div>'
    });
    Code:
     new Ext.util.Scroller(Ext.getDom(Ext.DomQuery.select("#mainid .div-body")), {
    			vertical  : true,
    			listeners : {
    				scope       : this,
    				scrollstart : function(){
                                        console.log("start");
                                    },
    				scrollend   : function(){
                                        console.log("end");
                                    }
    			}
    		});

  2. #2
    jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    Frederick MD, NYC, DC
    Posts
    16,353
    Vote Rating
    77
    jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all jay@moduscreate.com is a name known to all

      0  

    Default


    why not make the panel scrollable?

  3. #3
    Sencha User tomalex0's Avatar
    Join Date
    Apr 2009
    Location
    San Jose, CA
    Posts
    589
    Vote Rating
    16
    tomalex0 will become famous soon enough

      0  

    Default


    I'm rendering an external calendar, to a div which has its own header and body part. So i give scroll false for the panel, which prevented total scroll. Now i'm trying to provide scroll for body part of the calendar.

  4. #4
    Sencha User
    Join Date
    Dec 2010
    Posts
    16
    Vote Rating
    0
    withanx is on a distinguished road

      0  

    Default


    Bump. Is this possible?

  5. #5
    Sencha User tomalex0's Avatar
    Join Date
    Apr 2009
    Location
    San Jose, CA
    Posts
    589
    Vote Rating
    16
    tomalex0 will become famous soon enough

      0  

    Default


    Its possible ,
    Considering above condition

    Specify scroller like this

    Code:
    new Ext.util.Scroller(Ext.getDom(Ext.DomQuery.select("#mainid .div-body"))[0], {
    			vertical  : true,
    			listeners : {
    				scope       : this,
    				scrollstart : function(){
                                        console.log("start");
                                    },
    				scrollend   : function(){
                                        console.log("end");
                                    }
    			}
    		});

  6. #6
    Sencha User joseeight's Avatar
    Join Date
    Sep 2010
    Location
    New York, NY
    Posts
    85
    Vote Rating
    1
    joseeight is on a distinguished road

      0  

    Default


    Why are you doing that? Are you looking to have a fixed header and then body that scrolls on it's own? Like my app: http://renaissancenavigator.com (must be viewed on iPhone or Android 2.0+)

    If so, then you need to change the layout. Be a more clear and we can help, it should be possible in any case.

  7. #7
    Sencha User tomalex0's Avatar
    Join Date
    Apr 2009
    Location
    San Jose, CA
    Posts
    589
    Vote Rating
    16
    tomalex0 will become famous soon enough

      0  

    Default


    I was using an external calendar component(build on jquery) to sencha-touch App , and i want custom scroll for its inner DIV. Above was just a test case i was considering.

    Anyway i like the way you done the App

  8. #8
    Sencha User joseeight's Avatar
    Join Date
    Sep 2010
    Location
    New York, NY
    Posts
    85
    Vote Rating
    1
    joseeight is on a distinguished road

      0  

    Default


    You can use a "Container" and the "renderTo" property to add it to a DIV, and enable the "scrollable" property. Insert your calendar to the "Container" as HTML. This should make is scrollable via touch, and no need to worry about the scrollbar, there are no scrollbars in touch

  9. #9
    Sencha User tomalex0's Avatar
    Join Date
    Apr 2009
    Location
    San Jose, CA
    Posts
    589
    Vote Rating
    16
    tomalex0 will become famous soon enough

      0  

    Default


    Yea but my calendar have its own header and content section, so i want header to be static and only want scrollbars for content.

    Thanks for the reply

  10. #10
    Sencha User joseeight's Avatar
    Join Date
    Sep 2010
    Location
    New York, NY
    Posts
    85
    Vote Rating
    1
    joseeight is on a distinguished road

      0  

    Default


    I think this is what you are looking for, although not sure since I don't know what you are building:

    http://eightyearproject.com/sencha/forum/renderto/

    Do you have a link to your app/site or wireframes? I did the above, but I'm pretty sure you should be doing this via a layout adjustment. Since I wasn't sure, I just slapped that together quickly hoping it would help.

    Cheers

Similar Threads

  1. Adding a div for layout
    By revolt in forum Sencha Touch 1.x: Discussion
    Replies: 3
    Last Post: 4 Aug 2010, 5:09 AM
  2. Adding a div inside a div
    By ahp33 in forum Ext 2.x: Help & Discussion
    Replies: 8
    Last Post: 20 Jul 2008, 6:35 PM
  3. Adding a menu to a div
    By chiphi13 in forum Ext 2.x: Help & Discussion
    Replies: 6
    Last Post: 24 Sep 2007, 4:54 PM

Thread Participants: 4