jQuery UI Widgets Forums Getting Started How to update Status Bar in jqxGrid

This topic contains 3 replies, has 3 voices, and was last updated by  Yavor Dashev 6 months, 3 weeks ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • How to update Status Bar in jqxGrid #114739

    Manu Vashishtha
    Participant

    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

    How to update Status Bar in jqxGrid #114775

    admin
    Keymaster

    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/

    How to update Status Bar in jqxGrid #114790

    Manu Vashishtha
    Participant

    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

    How to update Status Bar in jqxGrid #114827

    Yavor Dashev
    Participant

    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

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

You must be logged in to reply to this topic.