Struts 2 jQuery Grid reload issue

Question

I have following jqGrid in my page

<sjg:grid           id="reportGrid" 
             gridModel="gridModel" 
             autowidth="true" 
          reloadTopics="refreshGrid" gridview="true"  
  onGridCompleteTopics="gridLoadComplete"           
       onSuccessTopics="dataLoadCompleted"   
             navigator="true" 
                 pager="true" 
       navigatorSearch="true" 
navigatorSearchOptions="{multipleSearch:true}" 
                scroll="true" 
                rowNum="10000" 
             hoverrows="false" 
       groupColumnShow="false" 
            groupField="['field1','field2']" 
                  href="webReport" 
               formIds="myform" 
              dataType="json" 
              loadonce="true" >
    ..........................
    ..........................
    ..........................
</sjg:grid>

and a button

<sj:a button="true" 
  buttonIcon="ui-icon-refresh" 
  buttonText="true"  
     onclick="reloadGridFunc();">
    Submit
</sj:a>

and in JS I have this

function reloadGridFunc()
{
    
    $("#reportGrid").jqGrid('setGridParam',{datatype:'json'});      
    $.publish("refreshGrid");
    
    // $("#reportGrid")
    //  .jqGrid('setGridParam',{url:"userReport",datatype:"json"}).
    trigger("reloadGrid");
        
}

$.subscribe('gridLoadComplete', function(event, data) {
    // $("#reportGrid").jqGrid('clearGridData');    
    // $('#reportGrid').setGridParam({ page: 1, datatype: "json"})
    //    .trigger('reloadGrid');   
    // $("#reportGrid").trigger('reloadGrid');          
});
  
$.subscribe('dataLoadCompleted', function(event, data) { 
    // $("#reportGrid").trigger('reloadGrid');
});

but what I am seeing is that the grid populates with new data but the grouping is not cleared; I have to press the reload button on bottom of the grid to refresh the grid, and after that the data representation looks fine.

I have a form in which a grid , anchor and other HTML elements exists, and according top these I select different criteria and click the button, the grid is populated and when I change the criteria the grid repopulating, but the old grouping is preserved. I have to press the reload button in grid to fix this.

Why are your function bodies all commented ? – Andrea Ligios Jul 03 '14 at 09:38 — Andrea Ligios, Jul 03 '14 at 09:38
because i tried these but was not working – Haider Jul 03 '14 at 10:54 — Haider, Jul 03 '14 at 10:54
@AndreaLigios have any idea what might be wrong here – Haider Jul 03 '14 at 12:41 — Haider, Jul 03 '14 at 12:41

Roman C · Accepted Answer · 2017-02-14T18:08:28.663

0

When the grid is completed it checks for the subscribers of the onGridCompleteTopics.

A comma delimited list of topics that published after all the data is loaded into the grid and all other processes are complete.

When the grid is succeeded it checks for the subscribers of the onSuccessTopics.

A comma delimited list of topics that published when the element ajax request is completed successfully (will override settings for a target container if provided).

If no subscribers is found for the topic event, they won't be bound to the grid. So, make sure you subscribe to the grid before it checks for topic's subscribers.

See an example of grid with topics.

The code to reload grid

</sjg:grid>
<script type="text/javascript">
  $(document).ready(function(){
    $("#reportGrid").trigger("reloadGrid");
  });
</script>

edited Feb 14 '17 at 18:08

answered Jul 05 '14 at 17:28

Roman C

49,761
33
66
176

onGridCompleteTopics is called but onSuccessTopics is not called and i debugged it and noted that due to the async call the $("#reportGrid").trigger('reloadGrid') was not working if i create an other button and on that call reloadgrig trigger then grid reload fines – Haider Jul 05 '14 at 18:50
You doing something else rather than `$("#reportGrid").trigger('reloadGrid')`. – Roman C Jul 05 '14 at 19:27
actually after this $.publish("refreshGrid"); the gid data is reloaded but the groups are not i.e the group old text stays and when i press the reload button it is then refreshed , so thats why i am calling reload trigger – Haider Jul 05 '14 at 19:33
So, why not you are calling this in the topic handler? – Roman C Jul 05 '14 at 19:48
Did you change `href` attribute of the grid tag? – Roman C Jul 05 '14 at 19:57
can u send me the pm to agha.ali22@gmail.com so i can send u the code – Haider Jul 05 '14 at 20:22
let me give you an example , first time grid loads ok(with two groups let say grp1 and grp2) but but i press the button the result comes back fine, but let say that this result only contain grp1 result but i am seeing grp empty got my point what is the issue. – Haider Jul 05 '14 at 20:46

Struts 2 jQuery Grid reload issue

1 Answers1

Linked