title: Using kendo grid sort mechanism with actually sorting
body: <p>I want to use kendo grid sort mechanism, capture sort event and perform my own sorting on the server side. I dont' want the grid actually to perform the sorting (not on the client side nor on the server side).</p>
  
  <p>I found that I can define my own sort function on the data source and catch the sort event as follows:</p>
  
  <pre><code>gridDatasource.originalSort = gridDatasource.sort;
  gridDatasource.sort = function () {
      if (arguments.length &gt; 0) {
           console.log("SORT: " + JSON.stringify(arguments));
      }
      //return gridDatasource.originalSort.apply(this, arguments);
  }
  </code></pre>
  
  <p>That way I'm able to catch any sort operation before it happens but the problem is that if I don't call the original sort the triangle of the grid doesn't appear and the direction of the sort doesn't change. So any time I click the sort I get the same direction "asc".</p>
  
  <p>Any other suggestions?</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>below is more or less an example of the grid definitions:</p>
  
  <pre><code>var ds = new kendo.data.DataSource({});
  ds.originalSort = ds.sort;
  ds.sort = function () {
      if (arguments.length &gt; 0) {
            console.log("SORT: " + JSON.stringify(arguments));
      }
      return ds.originalSort.apply(this, arguments);
  }
  $("#grid", element).kendoGrid({
      dataSource: ds,
      sortable: true,
      pageable: true,
      scrollable: {
            virtual: true
      },
      filterable: true,
      columns: [
                { field: "text", title: "text", hidden: false},
                { field: "id", title: "id", hidden: false},
                { field: "newColumn", title: "New column", hidden: false},
                { field: "anotherColumn", title: "Another column", hidden: false}
     ],
  
     selectable: "row",
     resizable: true,
     columnMenu: true
  });
  </code></pre>