Page 1 of 2 12 LastLast
Results 1 to 10 of 12

Thread: Tabscrollermenu plugin in extjs 5.0 not working

  1. #1
    Sencha User
    Join Date
    Jan 2014
    Location
    Mumbai, India
    Posts
    9
    Vote Rating
    0
      0  

    Default Tabscrollermenu plugin in extjs 5.0 not working

    Hi,

    I am creating an application wherein it have a dynamic tabpanel addition on grid record click. As I can have more than 100 records, so I will have to basically give the navigation through the tabs as I have seen in sencha docs as depicted in below snapshot.

    tabscroller1.PNG

    I seen this sample example in extjs 4.0.7 on try.sencha.com site. Below is the link for the extjs 4.0.7 app
    Now here is the issue with ptype: 'tabscrollermenu' below is the attached snapshot.
    Initially the tabscroller doesn't create any issue till it exceeds the buffer on screen.
    tabscroller2.PNG

    And when I click a grid record inorder to generate a tabpanel out of it, it shows me this.

    tabscroller3.PNG

    As we can see that I have highlighted the issue, we can see that all tabpanel is lost.

    Can I know why this is happening, this is a bug I suppose i am using extjs 5.0.0 whether it is resolved in lastest version of extjs 5 release.

    Manish Sharma
    Attached Images Attached Images

  2. #2
    Sencha User joel.watson's Avatar
    Join Date
    Nov 2014
    Posts
    3,120
    Answers
    446
    Vote Rating
    186
      0  

    Default

    Hi Manish--

    This issue might be related to your configuration/layout. Can you create a test case (https://fiddle.sencha.com) that demonstrates the issue? I'll be happy to test this along with you, and with Fiddle we'll be able to easily see if this issue is resolved in Ext JS 5.1.

    Thanks!
    Joel

  3. #3
    Sencha User
    Join Date
    Jan 2014
    Location
    Mumbai, India
    Posts
    9
    Vote Rating
    0
      0  

    Default

    Hi Joel,

    Thanks for your immediate reply, as per your instruction I have created a sencha fiddle. Here is the link..

    https://fiddle.sencha.com/#fiddle/i23

    I would like to summarize what I am trying to do.
    Initiallly when you open the fiddle a grid will be visible as in the below snapshot.

    fiddleTabIssue1.jpg

    When I double click on a record say Name :
    Pascale Puckett a tabpanel opens in another card as you can see in snapshot below

    fiddleTabIssue2.jpg

    We have a back button to go back to grid, so likewise when i double click on various records to see the details of the entity as stated in below snapshot

    fiddleTabIssue3.jpg

    As soon as i double the another record to see the details this happens

    fiddleTabIssue4.jpg

    As you can see the tabs no more exist

    I have also seen in your release notes that the ticket has been raised on this, however it works with extjs 4.0.7 smoothly.

    Awaiting for your valuable reply.

    Many Thanks,
    Manish Sharma

  4. #4
    Sencha User joel.watson's Avatar
    Join Date
    Nov 2014
    Posts
    3,120
    Answers
    446
    Vote Rating
    186
      0  

    Default

    Hi Manish--

    Thanks for the additional information. It looks like this is a known issue being tracked as EXTJS-13538.

    Thanks
    Joel

  5. #5
    Sencha User
    Join Date
    Jan 2014
    Location
    Mumbai, India
    Posts
    9
    Vote Rating
    0
      0  

    Default

    Hi Joel,

    Thanks for your reply, likewise I was also looking for some workaround for this so I found it in your build/examples/tabs folder wherein, there is an example where extra css file specific for this TabScrollerMenu is given including it in index.jsp/index.html file which is there in ux/css/TabScrollerMenu.css, it works but the navigation arrows for it is not visible.

    I just wanted to know whether this is final solution for it or there is yet to come in new release...?

    Awaiting for your reply.



    Many Thanks,
    Manish Sharma

  6. #6
    Sencha User joel.watson's Avatar
    Join Date
    Nov 2014
    Posts
    3,120
    Answers
    446
    Vote Rating
    186
      0  

    Default

    Quote Originally Posted by manish.sharma1992 View Post
    I just wanted to know whether this is final solution for it or there is yet to come in new release...?
    Hi--

    The bug is still open, so as of yet there is no resolution.

    Thanks
    Joel

  7. #7
    Sencha User
    Join Date
    Jan 2014
    Location
    Mumbai, India
    Posts
    9
    Vote Rating
    0
      0  

    Default

    Hi Joel,

    Thank you for your valuable support.

    Many Thanks,
    Manish Sharma

  8. #8
    Sencha User joel.watson's Avatar
    Join Date
    Nov 2014
    Posts
    3,120
    Answers
    446
    Vote Rating
    186
      0  

    Default

    Quote Originally Posted by manish.sharma1992 View Post
    Hi Joel,

    Thank you for your valuable support.

    Many Thanks,
    Manish Sharma
    Sure thing, happy to help. Hopefully this bug will be resolved soon.

    Thanks!
    Joel

  9. #9
    Sencha User
    Join Date
    Apr 2013
    Posts
    4
    Vote Rating
    0
      0  

    Default

    i am having this problem too.

    using ptype: 'tabscrollermenu'

    when selecting a tab, the tabpanel goes blank.

    Capture.jpg

  10. #10
    Ext GWT Premium Member lefke123's Avatar
    Join Date
    Dec 2011
    Location
    Belgium
    Posts
    114
    Answers
    2
    Vote Rating
    25
      0  

    Default

    Quote Originally Posted by doniking View Post
    i am having this problem too.

    using ptype: 'tabscrollermenu'

    when selecting a tab, the tabpanel goes blank.

    Capture.jpg
    Just wanted to leave a message here that I'm having the same issue with the scroller menu. (Ext JS 5.1.1)

Page 1 of 2 12 LastLast

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •