1. #1
    Sencha User
    Join Date
    Mar 2009
    Location
    South Africa
    Posts
    23
    Vote Rating
    0
    Answers
    1
    remeez.persent is on a distinguished road

      0  

    Default Answered: ExtJS 4 and Ext Core Carousel

    Answered: ExtJS 4 and Ext Core Carousel


    Hi,

    Has anyone attempted to get Ext Core Carousel to work alongside ExtJS4? I have searched the forums and can't find anything.

    Regards
    Remeez

  2. Hi,

    I got it working, just did some debugging. Attached is the carousel.js file. The only issue is that I can't seem to get the itemSelector tag to work in the carousel.js file, but I just replaced it with the following:

    Code:
    var items = this.el.select("img");  //replace itemSelector with "img" tag
    Hope this helps some peeps.

    Regards
    Remeez

  3. #2
    Sencha Premium Member skirtle's Avatar
    Join Date
    Oct 2010
    Location
    UK
    Posts
    3,623
    Vote Rating
    331
    Answers
    549
    skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future skirtle has a brilliant future

      0  

    Default


    Have you tried it? What goes wrong? I'd imagine any changes in that bit of the library are little more than method renamings so it should be pretty easy just to update the names for any methods that don't exist any more.

  4. #3
    Sencha User
    Join Date
    Mar 2009
    Location
    South Africa
    Posts
    23
    Vote Rating
    0
    Answers
    1
    remeez.persent is on a distinguished road

      0  

    Thumbs up Working

    Working


    Hi,

    I got it working, just did some debugging. Attached is the carousel.js file. The only issue is that I can't seem to get the itemSelector tag to work in the carousel.js file, but I just replaced it with the following:

    Code:
    var items = this.el.select("img");  //replace itemSelector with "img" tag
    Hope this helps some peeps.

    Regards
    Remeez
    Attached Files

  5. #4
    Sencha Premium Member
    Join Date
    Jun 2011
    Location
    Toronto
    Posts
    75
    Vote Rating
    10
    Answers
    1
    roger.spall will become famous soon enough

      0  

    Default


    I really don't want to sound ungreatful....

    This code almost works, except...

    - The transition / animate effects don't work
    - The stop / start / pause controls don't work in Firefox

    Roger

  6. #5
    Sencha User
    Join Date
    Mar 2009
    Location
    South Africa
    Posts
    23
    Vote Rating
    0
    Answers
    1
    remeez.persent is on a distinguished road

      0  

    Default


    Hi Roger,

    It's currently working in Firefox, Chrome and IE9 for me. I am not an experienced programmer, I just took a stab at trying to get it to work.

    Regards
    Remeez

  7. #6
    Sencha Premium Member
    Join Date
    Jun 2011
    Location
    Toronto
    Posts
    75
    Vote Rating
    10
    Answers
    1
    roger.spall will become famous soon enough

      0  

    Default


    I tried to convert V3 to V4 and failed!

    I took your code and it definitely worked, but...

    The transition animations do not work - I am using embedded html, not images, and in this V3.0 demo, the 'html slides' transition with different effects, but in V4.0 the 'html slides' transition but with no effects.

    Meanwhile, the 'hideNavigation:, navigationOnHover:, freezeOnHover:' options don't appear to work in Firefix, and don't work in MIE if you move over the carousel immediately after it is displayed - I think I fixed the problem in MIE by building the Task during construction.

    Roger

  8. #7
    Sencha Premium Member
    Join Date
    Jun 2011
    Location
    Toronto
    Posts
    75
    Vote Rating
    10
    Answers
    1
    roger.spall will become famous soon enough

      0  

    Default


    Of course, I could be using it completely wrong, so if you have a demo I can see, I will copy it.

    Thanks,

    Roger

  9. #8
    Sencha User
    Join Date
    Jan 2012
    Posts
    2
    Vote Rating
    0
    Grimreaper is on a distinguished road

      0  

    Default


    Well am kinda new to extjs,
    trying to get a carousel to work in extjs4, where using initComponent instead of an onReady throws an exception error 'el.insertAdjacentHTML is null'

    now i knw it might be a really inane issue, but then again guess every newbie has his day
    even when i use init, the carousel is not rendered. any headings to this?

    ty

  10. #9
    Sencha User
    Join Date
    Mar 2009
    Location
    South Africa
    Posts
    23
    Vote Rating
    0
    Answers
    1
    remeez.persent is on a distinguished road

      0  

    Default


    Hi,I am also new to ExtJS. Do you have your tags on the page that you want to display the carousel on? Hope this helps. Let me know if you don't get it to work.

  11. #10
    Sencha User
    Join Date
    Jan 2012
    Posts
    2
    Vote Rating
    0
    Grimreaper is on a distinguished road

      0  

    Default


    thing is, just to play it safe am simply using,
    itemSelector: 'img',
    var items = this.el.select(this.itemSelector);

    thing is that i want to use a main html, hence what am trying to do is , create two diff js files one having the code for the carousel.js,
    the other having the code that is defined within the script tag given in your attachment.
    on rendering, the space where i have to give an xtype, that region comes out as empty.

    on trying to use initComponent, i get the error - 'el.insertAdjacentHTML is null'