title: how to go to new line in kendo grid with enter key press
body: <p>here i have developed a web application in mvc4 razor using some kendo ui widgets.in my appication there is a kendo grid which has used to view, update and insert records.</p>
  
  <p>when i press the "add new record" button in grid, inserting a new record will available and with the press of "enter key" i can go to next cell(next column) of the current row.</p>
  
  <p>it will help to insert data in each cell and go to next cell just pressing enter key without clicking each column(with the low number of mouse clicks).</p>
  
  <p>but my next challenge is i need to <strong>go to next row(a new record)</strong> when i press the enter key at the last cell(last column) of the current row.</p>
  
  <p>here is the code of grid and script i'm using.</p>
  
  <pre><code>&lt;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} },
                                          UnitsInStock: { type: "number", validation: { min: 0, required: true} }
                                      }
                                  }
                              }
                          });
  
          $("#batchgrid").kendoGrid({
              dataSource: dataSource,
              dataBound: onDataBound,
              navigatable: true,
              filterable: true,
              pageable: true,
              height: 430,
              width: 300,
              toolbar: ["create", "save", "cancel"],
              columns: [
                              { field: "ProductID", title: "No", width: "90px" },
                              { field: "ProductName", title: "Product Name" },
                              { field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: "130px" },
                              { field: "UnitsInStock", title: "Units In Stock", width: "130px" },
                              { command: ["destroy"], title: "&amp;nbsp;", width: "175px" }
              //                            { field: "", title: "No", template: "#= ++record #", width: "30px" },
              ],
              editable: { mode: "incell", createAt: "bottom" }
          });
      });
  &lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      function onDataBound(e) {
          $("#batchgrid").on("focus", "td", function (e) {
  
              var rowIndex = $(this).parent().index();
              var cellIndex = $(this).index();
              $("input").on("keydown", function (event) {
                  if (event.keyCode == 13) {
                      $("#batchgrid")
                      .data("kendoGrid")
                      .editCell($(".k-grid-content")
                      .find("table").find("tbody")
                      .find("tr:eq(" + rowIndex + ")")
                      .find("td:eq(" + cellIndex + ")")
                      .next()
                      .focusin($("#batchgrid")
                      .data("kendoGrid")
                      .closeCell($(".k-grid-content")
                      .find("table")
                      .find("tbody")
                      .find("tr:eq(" + rowIndex + ")")
                      .find("td:eq(" + cellIndex + ")")
                      .parent())));
                      return false;
                  }
              });
          });
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>but the problem is when i press the enter key at the last cell of any row it will not give me a new record(new line).</p>
  
  <p>please help me here..</p>