title: KendoUI Grid: How to select all pages data
body: <p>I am trying to select data from a kendo grid. I need to select one cell at a time when user clicks one key element in that row. I am successful in getting each row's data from first page but when I go to the next page the same function does not work anymore. Do I have to add code in change function ie., in grid change? 
  Here's the code:</p>
  
  <pre><code>       $('.data').click(function () {
         alert($(this).text());
         var grid = $("#List").data("kendoGrid");
         var selectedItem = grid.dataItem(this.parentElement.parentElement);
         CData.set('activedata', selectedItem);
          }
  </code></pre>
  
  <p>I understand data source gets all the data but this doesn't work:</p>
  
  <pre><code>             $('.data').click(function () {
                alert($(this).text());
                var grid = $("#List").data("kendoGrid");
                var selectedItem = grid.dataItem(this.parentElement.parentElement);
               CData.set('activedata', selectedItem);
                }
  
                for (var i = 0; i &lt; datasourcedata.length; i++) {
                  var currentitem = datasourcedata[i].CompanyID;
                  if (currentitem == $('.data')) {
                      selectedItem = grid.dataItem(this.parentElement.parentElement);
                      alert($(selectedItem));
                      Comp.set('activeCompany', selectedItem);
                  }
              }
  </code></pre>
  
  <p>Where am I wrong? Any help appreciated.</p>