title: How to reorder kendo grid rows?
body: <p>I am dynamically adding rows to kendo gid. Now i need a reorder button ,where i can able to move a row up and down . i don't want drag and drop functionality. Im able to get each row id .need some help...</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function () {
      var grid = $("#grid").kendoGrid({
          columns: [
              { field: "Control", title: "Web Control Name" },
              { field: "Value", title: "Drag &amp; Drop Variable" },
              {
                  command: [
                  { title: "create", template: "&lt;img class='ob-image' src='../DefaultAssets/Images/New.png' style='padding: 0 15px 0 5px;' /&gt;" },
                  { title: "reorder", template: "&lt;img class ='up-image' src='../DefaultAssets/Images/Upimages.jpg' style='padding: 0 15px 0 5px;' /&gt;" },
                  { "name": "destroy", title: "" }
                  ],
              },
          ],
          dataSource: {
              data: [
                {
                    Control: "Web Control name",
                    Value: "Drag &amp; Drop Variable"
                },
              ],
              schema: {
                  model: {
                      Control: "Web Control name",
                      Value: "Drag &amp; Drop Variable"
                  }
              }
          },
          reorderable: true,
  
          editable: {
              //    confirmation: "Are you sure that you want to delete this record?",
              createAt: "bottom"
          },
          remove: function (e) {
          }
      });
      var grid = $("#grid").data("kendoGrid");
      $("#grid").on("click", ".ob-image", function () {
          var grid = $("#grid").data("kendoGrid");            
          grid.addRow();          
      });
  
      $("#grid").on("click", ".up-image", function () {
          var row = $(this).closest("tr");
          var rowIdx = $("tr", grid.tbody).index(row);         
          alert(rowIdx);
      });
  
  });
  </code></pre>
  
  <p> </p>