How to update Status Bar in jqxGrid

[Manu VashishthaParticipant]

Hello Sir,

I am using jqxGrid and now I have requirement to add statusbar in jqxgrid.
I have to update the status bar on button click and row change of grid.
I am not finding any solution for this.
Please help me if there is any.

Thanks & Regards
Manu Vashishtha

[adminKeymaster]

Hi Manu,

Please, refer to https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/statusbar.htm?light. The demo shows how to create a custom status bar for the Grid.

Best regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[Manu VashishthaParticipant]

Hello Peter,

Thanks for your response.
But , I am familiar with the example you have provided. My requirement is to update the status bar only.
I don’t want to refresh my grid always because it has larger data.
I only want to refresh status bar on row change event of grid.

Thanks & Regards
Manu Vashishtha

[Yavor DashevParticipant]

Hi Manu Vashishtha,

We have made a little code example using ‘renderstatusbar’ callback function and also binding it to ‘rowclick’ event of the jqxGrid.

            $('#grid').jqxGrid({ renderstatusbar: function(statusbar){
                    statusbar.append($("<span style='margin: 5px;width:500px;height:500px;'>Status Bar</span>"));
                }});             
            $('#grid').on('rowclick', function (event) {
                var args = event.args;
                // row's bound index.
                var boundIndex = args.rowindex;
                // row's visible index.      
                $('#grid').jqxGrid({ renderstatusbar: function(statusbar){
                    statusbar.append($(<code><span style=&quot;margin: 5px;width:500px;height:500px;&quot;>Clicked Row index ${boundIndex}</span></code>));
                }});             
            }) 

Hope this works out for you.

Please, do not hesitate to contact us if you have any additional questions.

Best Regards,
Yavor Dashev
jQWidgets team
https://www.jqwidgets.com

[Author]

Posts