title: Refresh jqxgrid with angular2
body: <p>First I want to mention that I'm using angular2 with jqxgrid.</p>
  
  <p>I got jqxgrid which displays dynamic data and working fine. But when I try to refresh grid or try to rebind it, grid displays first time loaded data, not refreshed one.</p>
  
  <p>My code to display data in jqxgrid is given below:</p>
  
  <pre><code>        let url = "http://xxxx" + parameter1 + "xxxx" + parameter2;
  
          let sourceGrid =
          {
              datatype: "json",
              datafields: [{ "name": "name", "type": "string" },...],
              url: url
          };
  
          let dataAdapter = new $.jqx.dataAdapter(sourceGrid, {
              downloadComplete: (data, status, xhr) =&gt; { },
              loadComplete: data =&gt; { },
              loadError: (xhr, status, error) =&gt; { }
          });
  
          this.settings = {
              width: 1500,
              source: dataAdapter,
              ....,
              columns:[{ "text": "name", "datafield": "name"},...]
         }
  
         this.myGrid.createWidget(this.settings);
  </code></pre>
  
  <p>everything is working fine upto this point. On click event of button, I got data by passing parameter i.e. new data is coming in dataAdapter, but jqxgrid is not rebinding or refreshing new data. So far I've tried:</p>
  
  <pre><code>       ...
         dataAdapter.dataBind();
         this.myGrid.source = sourceGrid;
         this.myGrid.updatebounddata();
         ...
  </code></pre>
  
  <p>I got new data with dataAdapter binding but jqxGrid is still displaying old data. I've tried refreshData(), refresh(), tried with new adapter, but grid is refreshing. Not sure with sequence.</p>
  
  <p>Can anybody help me out with quick solution?</p>