A Grid in a Tab

[FrogomatParticipant]

Hi Everyone

I need a little help to display a grid in a tab.

Here is my codepart of the problem:

        $(document).ready(function () {
   
          
                
        
            $("#jqxgrid").jqxGrid(
            {
                width: 1280,
                height: 1024,
                source: dataAdapter,
                theme: theme,
                rowdetails: true,
                rowdetailstemplate: { rowdetails: "<div style='margin: 10px'>SendungenStatushistorie<div></div><div></div></div>", rowdetailsheight: 200 },
               
                initrowdetails: initAuftragsRowDetails                
                columns: [{... }]
           });
        });
//...............................
        var initAuftragsRowDetails = function (index, parentElement, gridElement, record) {
                var id = record.uid.toString();
                var grid = $($(parentElement).children()[0]);
                
                sourceSendung['data']['id'] = record['id'];
                
                if (grid != null) {
                
                    var sendungen = grid.find('.sendungen');
                    statusHistorie = grid.find('.statusHistorie');
                    
                    
                    sendungen.jqxGrid(
                    { source: sourceSendung, 
                       theme: theme, width: 1200, height: 200,
                       columns: [
                          { text: 'Id', datafield: 'id', width: 200 }
                       ]
                    });
                }
                $(grid).jqxTabs({ width: 600, height: 170, theme: theme });
        }

There are no problems to display the grid when its not in tabs with the same source/sourceadapter. But when i try to put the whole thing into tabs, only the loading circle is displayed. When i use an adapter to load the data only the “downloadComplete”-event is fired.

Did i miss something?

[Peter StoevKeymaster]

Hi Frogomat,

Please see the jqxTabs demos. There’s already an example which shows how to display a Grid in Tabs widget: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxtabs/integration.htm?classic

Best Regards.
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[FrogomatParticipant]

I will do that. Thank you.

[Author]

Posts