jQWidgets Forums

jQuery UI Widgets Forums Navigation Tabs Problem with grid rendering in tab

Tagged: , , , ,

This topic contains 3 replies, has 2 voices, and was last updated by  Klaus H 11 years, 9 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • Problem with grid rendering in tab #28959

    Klaus H
    Participant

    Hello,

    I have two tabs on one site, both have the similar headlines in the same order and when I switch in one tab from one panel to another it synchronizes. That works fine via tabclick event and the select method.

    Each tab has three entries, each entry has a grid in it. A problem occurs, when one grid on the second or third has more data then can be displayed in the fixed height of the grid, because the vertical scrollbar is not displayed. I have tried to invoke the render function of the grid (for all grids) once the tab is changed (I have tried tabclick, selected and selecting. The only time it seems to work, when I switch to the tab on the upper tab and the longer grid is in the lower tab. If I click the same tab in the lower grid, the rendering does not work, because the scrollbar does not appear.

    If the longer grid is in the first tab, it is initially displayed correctly as in your Nasdaq example. The problem appears in Firefox and IE.

    Any ideas what tab event I should use to rerender the grids or a complete different idea?

    Regards
    Klaus

    Problem with grid rendering in tab #28960

    Klaus H
    Participant

    PS: The div of the grid is the div element that is also used as a tab. I have tried to wrap it with another div, but that did not solve the problem, it only showed me, that some grids are rendered, but then the width was totally messed up.

    Problem with grid rendering in tab #29011

    Dimitar
    Participant

    Hello Klaus,

    To successfully load a grid inside a tab you should use the initTabContent callback function as shown in the demo Integration with other widgets. If you implement this solution and the issue persists, please share a code sample which we may test locally.

    Best Regards,
    Dimitar

    jQWidgets team
    http://www.jqwidgets.com/

    Problem with grid rendering in tab #29021

    Klaus H
    Participant

    Hello Dimitar,

    I totally missed the initTabContent callback in this example and the API. I did further tests today and so far using refresh instead of render in the tabclick event seems to do the trick. Maybe I will work in the initTabContent.

    Thanks 🙂

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.