title: How to add a new record in kendo grid with enter key press event
body: <p>i have developed a simple web application using some <strong>kendo ui</strong> tools.</p>
  
  <p>in there i have used <strong>kendo grid</strong> tool to view and insert data of product details.</p>
  
  <p>but my problem is in <strong>edit mode</strong>(when i insert a new record) when i press the <strong>enter key</strong> i need to go to the next cell(<strong>next column of the same row</strong>) and after the last column of then go to the next row(<strong>new record</strong>).</p>
  
  <p>here is the code im using for grid in my <strong>view</strong> "index.cshtml"</p>
  
  <pre><code>    button class="k-button" id="batchGrid"&gt;
      Batch Edit&lt;/button&gt;
  &lt;div id="example" class="k-content"&gt;
      &lt;div id="batchgrid"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;script&gt;
      $("#batchGrid").click(function () {
          var crudServiceBaseUrl = "http://demos.kendoui.com/service",
                          dataSource = new kendo.data.DataSource({
                              transport: {
                                  read: {
                                      url: crudServiceBaseUrl + "/Products",
                                      dataType: "jsonp"
                                  },
                                  update: {
                                      url: crudServiceBaseUrl + "/Products/Update",
                                      dataType: "jsonp"
                                  },
                                  destroy: {
                                      url: crudServiceBaseUrl + "/Products/Destroy",
                                      dataType: "jsonp"
                                  },
                                  create: {
                                      url: crudServiceBaseUrl + "/Products/Create",
                                      dataType: "jsonp"
                                  },
                                  parameterMap: function (options, operation) {
                                      if (operation !== "read" &amp;&amp; options.models) {
                                          return { models: kendo.stringify(options.models) };
                                      }
                                  }
                              },
                              batch: true,
                              pageSize: 20,
                              schema: {
                                  model: {
                                      id: "ProductID",
                                      fields: {
                                          ProductID: { editable: false, nullable: true },
                                          ProductName: { validation: { required: true} },
                                          UnitPrice: { type: "number", validation: { required: true, min: 1} },
                                          Discontinued: { type: "boolean" },
                                          UnitsInStock: { type: "number", validation: { min: 0, required: true} }
                                      }
                                  }
                              }
                          });
  
          $("#batchgrid").kendoGrid({
              dataSource: dataSource,
              navigatable: true,
              filterable: true,
              pageable: true,
              height: 430,
              width: 300,
              toolbar: ["create", "save", "cancel"],
              columns: [
                              "ProductName",
                              { field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: "130px" },
                              { field: "UnitsInStock", title: "Units In Stock", width: "130px" },
                              { field: "Discontinued", width: "130px" },
                              { command: ["destroy"], title: "&amp;nbsp;", width: "100px"}],
              editable: true
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>how to handle <strong>enter key press event</strong> in kendo grid and go through columns and rows?</p>
  
  <p>please help me here.</p>