title: Kendo grid with numerictextbox tab out issues
body: <p>I have a Kendo grid that I am using in a time entry application.  The time entry covers a 2 week pay period, so I have 14 columns where the user can enter the number of hours worked each day for the given task.  I also have columns for the task, an overtime indicator, totals for each week and a total for the pay period.  For the time entry cells I am using a numeric text box.  Each task is a row in the grid.  I have the grid set to <code>navigatable: true</code>, so the user can tab from one cell to the next.  This works great until the user enters time in the cell.  When they tab out after entering or changing the value in the time cell they are thrown to the first row and first cell of the grid.  I have tried all kinds of things to get the current cell and force it to move to the next cell on tab, but nothing works.  I am always taken to the first cell in the grid.  Is this a known issue with the Kendo grid when using the numeric text box within the cells?  Or am I doing something wrong here?  Any input would be appreciated.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>        GetTimeSheet: function () {
  
               function editNumberWithoutSpinners(container, options) {
                  $('&lt;input data-text-field="' + options.field + '" ' +
                          'data-value-field="' + options.field + '" ' +
                          'data-bind="value:' + options.field + '" ' +
                          'data-format="' + options.format + '"/&gt;')
                          .appendTo(container)
                          .kendoNumericTextBox({
                              min: 0,
                              max: 25,
                              spinners: false
                          });
                  //Select text on focus
                  $('.k-input').on('focus', function () { var input = $(this); setTimeout(function () { input.select(); }); });
  
              }
  
              //Employee grid
              var timeSheetGrid = $("#Time-Sheet-grid").empty().kendoGrid({
                  autoBind: true,
                  dataSource: {
                      serverPaging: true,
                      serverSorting: true,
                      serverFiltering: true,
                      transport: {
                          read: {
                              url: "/TimeSheet/GetTimeSheetSummary",
                              contentType: "application/json; charset=utf-8",
                              type: 'POST'
                          },
                          parameterMap: function (data, operation) {
                              return kendo.stringify({
                                  employeeNum: JARS.TimeSheet.employeeNumHold,
                                  payPeriod: JARS.TimeSheet.payPeriodHold
                              });
                          }
                      },
                      schema: {
                          data: "TimesheetSummaryList",
                          model: {
                              id: "EmployeeNum",
                              fields: {
                                  EmployeeNum: { type: "integer", hidden: true },
                                  ErrorMessage: { type: "string", editable: false },
                                  FullName: { type: "string", editable: false },
                                  RCN: { type: "string", editable: false },
                                  OtAllowedInd: { type: "string", editable: false },
                                  PayPeriodDate: { type: "date", editable: false },
                                  HoursDay1: { type: "double", editable: false },
                                  HoursDay2: { type: "double", editable: false },
                                  HoursDay3: { type: "double", editable: false },
                                  HoursDay4: { type: "double", editable: false },
                                  HoursDay5: { type: "double", editable: false },
                                  HoursDay6: { type: "double", editable: false },
                                  HoursDay7: { type: "double", editable: false },
                                  Week1Total: { type: "double", editable: false },
                                  HoursDay8: { type: "double", editable: false },
                                  HoursDay9: { type: "double", editable: false },
                                  HoursDay10: { type: "double", editable: false },
                                  HoursDay11: { type: "double", editable: false },
                                  HoursDay12: { type: "double", editable: false },
                                  HoursDay13: { type: "double", editable: false },
                                  HoursDay14: { type: "double", editable: false },
                                  Week2Total: { type: "double", editable: false },
                                  PayPeriodTotal: { type: "double", editable: false },
                                  OTHoursDay1: { type: "double", editable: false },
                                  OTHoursDay2: { type: "double", editable: false },
                                  OTHoursDay3: { type: "double", editable: false },
                                  OTHoursDay4: { type: "double", editable: false },
                                  OTHoursDay5: { type: "double", editable: false },
                                  OTHoursDay6: { type: "double", editable: false },
                                  OTHoursDay7: { type: "double", editable: false },
                                  OTWeek1Total: { type: "double", editable: false },
                                  OTHoursDay8: { type: "double", editable: false },
                                  OTHoursDay9: { type: "double", editable: false },
                                  OTHoursDay10: { type: "double", editable: false },
                                  OTHoursDay11: { type: "double", editable: false },
                                  OTHoursDay12: { type: "double", editable: false },
                                  OTHoursDay13: { type: "double", editable: false },
                                  OTHoursDay14: { type: "double", editable: false },
                                  OTWeek2Total: { type: "double", editable: false },
                                  OTPayPeriodTotal: { type: "double", editable: false }
                              }
                          },
                          total: function (response) {
                              return $(response.TimesheetList).length
                          }
                      }
                  },
                  pageable: false,
                  sortable: false,
                  filterable: false,
                  navigatable: true,
                  batch: true,
                  detailInit: detailInit,
                  dataBound: function () {
                      if (JARS.TimeSheet.modeHold == "I") {
                          this.expandRow(this.tbody.find("tr.k-master-row").first());
                      }
                  },
  
                  columns: [
                      { field: "EmployeeNum", title: "", hidden: true},
                      {
                          field: "FullName", title: "Timesheet for", width: "200px", template: function (data) {
                              var fieldData = data.FullName;
                              if (data.ErrorMessage != "") {
                                  fieldData += "&lt;br/&gt;&lt;span class='OT_data'&gt;";
                                  fieldData += data.ErrorMessage.replace(/\n/g, "&lt;br/&gt;");
                                  fieldData += "&lt;/span&gt;";
                              }
                              return fieldData;
                          }
                      },
                      { title: "", template: "RT&lt;br/&gt;&lt;span class='OT_data'&gt;OT&lt;/span&gt;", width: "55px" },
                      { field: "HoursDay1", headerTemplate: '&lt;span&gt;Sat&lt;br/&gt;' + getDay(1) + '&lt;/span&gt;', template: "#:data.HoursDay1# &lt;br/&gt;&lt;span class='OT_data'&gt; #:data.OTHoursDay1#&lt;/span&gt;", width: "55px" },
                      { field: "HoursDay2", headerTemplate: '&lt;span&gt;Sun&lt;br/&gt;' + getDay(2) + '&lt;/span&gt;' , template: "#:data.HoursDay2# &lt;br/&gt;&lt;span class='OT_data'&gt; #:data.OTHoursDay2#&lt;/span&gt;", width: "55px" },
                      { field: "HoursDay3", headerTemplate: '&lt;span&gt;Mon&lt;br/&gt;' + getDay(3) + '&lt;/span&gt;', template: "#:data.HoursDay3# &lt;br/&gt;&lt;span class='OT_data'&gt; #:data.OTHoursDay3#&lt;/span&gt;", width: "55px" },
                      { field: "HoursDay4", headerTemplate: '&lt;span&gt;Tue&lt;br/&gt;' + getDay(4) + '&lt;/span&gt;', template: "#:data.HoursDay4# &lt;br/&gt;&lt;span class='OT_data'&gt; #:data.OTHoursDay4#&lt;/span&gt;", width: "55px" },
                      { field: "HoursDay5", headerTemplate: '&lt;span&gt;Wed&lt;br/&gt;' + getDay(5) + '&lt;/span&gt;', template: "#:data.HoursDay5# &lt;br/&gt;&lt;span class='OT_data'&gt; #:data.OTHoursDay5#&lt;/span&gt;", width: "55px" },
                      { field: "HoursDay6", headerTemplate: '&lt;span&gt;Thur&lt;br/&gt;' + getDay(6) + '&lt;/span&gt;', template: "#:data.HoursDay6# &lt;br/&gt;&lt;span class='OT_data'&gt; #:data.OTHoursDay6#&lt;/span&gt;", width: "55px" },
                      { field: "HoursDay7", headerTemplate: '&lt;span&gt;Fri&lt;br/&gt;' + getDay(7) + '&lt;/span&gt;', template: "#:data.HoursDay7# &lt;br/&gt;&lt;span class='OT_data'&gt; #:data.OTHoursDay7#&lt;/span&gt;", width: "55px" },
                      { headerTemplate: '&lt;span&gt;Week&lt;br/&gt;&amp;nbsp;&amp;nbsp;1&lt;br/&gt;Total&lt;/span&gt;', template: "#:data.Week1Total# &lt;br/&gt;&lt;span class='OT_data'&gt; #:data.OTWeek1Total#&lt;/span&gt;", width: "55px" },
                      { field: "HoursDay8", headerTemplate: '&lt;span&gt;Sat&lt;br/&gt;' + getDay(8) + '&lt;/span&gt;', template: "#:data.HoursDay8# &lt;br/&gt;&lt;span class='OT_data'&gt; #:data.OTHoursDay8#&lt;/span&gt;", width: "55px" },
                      { field: "HoursDay9", headerTemplate: '&lt;span&gt;Sun&lt;br/&gt;' + getDay(9) + '&lt;/span&gt;', template: "#:data.HoursDay9# &lt;br/&gt;&lt;span class='OT_data'&gt; #:data.OTHoursDay9#&lt;/span&gt;", width: "55px" },
                      { field: "HoursDay10", headerTemplate: '&lt;span&gt;Mon&lt;br/&gt;' + getDay(10) + '&lt;/span&gt;', template: "#:data.HoursDay10# &lt;br/&gt;&lt;span class='OT_data'&gt; #:data.OTHoursDay10#&lt;/span&gt;", width: "55px" },
                      { field: "HoursDay11", headerTemplate: '&lt;span&gt;Tue&lt;br/&gt;' + getDay(11) + '&lt;/span&gt;', template: "#:data.HoursDay11# &lt;br/&gt;&lt;span class='OT_data'&gt; #:data.OTHoursDay11#&lt;/span&gt;", width: "55px" },
                      { field: "HoursDay12", headerTemplate: '&lt;span&gt;Wed&lt;br/&gt;' + getDay(12) + '&lt;/span&gt;', template: "#:data.HoursDay12# &lt;br/&gt;&lt;span class='OT_data'&gt; #:data.OTHoursDay12#&lt;/span&gt;", width: "55px" },
                      { field: "HoursDay13", headerTemplate: '&lt;span&gt;Thur&lt;br/&gt;' + getDay(13) + '&lt;/span&gt;', template: "#:data.HoursDay13# &lt;br/&gt;&lt;span class='OT_data'&gt; #:data.OTHoursDay13#&lt;/span&gt;", width: "55px" },
                      { field: "HoursDay14", headerTemplate: '&lt;span&gt;Fri&lt;br/&gt;' + getDay(14) + '&lt;/span&gt;', template: "#:data.HoursDay14# &lt;br/&gt;&lt;span class='OT_data'&gt; #:data.OTHoursDay14#&lt;/span&gt;", width: "55px" },
                      { field: "Week2Total", headerTemplate: '&lt;span&gt;Week&lt;br/&gt;&amp;nbsp;&amp;nbsp;2&lt;br/&gt;Total&lt;/span&gt;', template: "#:data.Week2Total# &lt;br/&gt;&lt;span class='OT_data'&gt; #:data.OTWeek2Total#&lt;/span&gt;", width: "55px" },
                      { field: "PayPeriodTotal", title: "Total", template: "#:data.PayPeriodTotal# &lt;br/&gt;&lt;span class='OT_data'&gt; #:data.OTPayPeriodTotal#&lt;/span&gt;", width: "55px" }
  
                  ],
                  resizable: true,
              });
  
              //Time Records
              function detailInit(e) {
                  childTimesheetGrid = $("&lt;div/&gt;").appendTo(e.detailCell).kendoGrid({
                      dataSource: {
                          serverPaging: false,
                          serverSorting: false,
                          serverFiltering: false,
                          transport: {
                              read: {
                                  url: "/TimeSheet/GetTimeSheets",
                                  contentType: "application/json; charset=utf-8",
                                  type: 'POST'
                              },
                              update: {
                                  url: "/TimeSheet/UpdateTimesheet",
                                  contentType: "application/json; charset=utf-8",
                                  type: 'POST',
                                  complete: function (e) {
                                      $("#Time-Sheet-grid").data("kendoGrid").dataSource.read();
                                  }
                              },
                              destroy: {
                                  url: "/TimeSheet/DeleteTimesheet",
                                  contentType: "application/json; charset=utf-8",
                                  type: 'POST',
                                  complete: function (e) {
                                      $("#Time-Sheet-grid").data("kendoGrid").dataSource.read();
                                  }
                              },
                              create: {
                                  url: "/TimeSheet/CreateTimesheet",
                                  contentType: "application/json; charset=utf-8",
                                  type: 'POST',
                                  complete: function (e) {
                                      $("#Time-Sheet-grid").data("kendoGrid").dataSource.read();
                                  }
                              },
                              parameterMap: function(data, operation) {
                                  if (operation == "read") {
                                      return kendo.stringify({ employeeNum: e.data.EmployeeNum, payPeriod: e.data.PayPeriodDate });
                                  }
                                  else {
                                      if (operation !== "destroy") {
                                          return kendo.stringify({ model: data });
                                      }
                                      return kendo.stringify({ id: data.TimesheetId });
                                  }
  
                              }
                          },
                          schema: {
                              data: "TimesheetList",
                              model: {
                                  id: "TimesheetId",
                                  fields: {
                                      Activity: { type: "string", editable: false },
                                      ActvyComments: { type: "string", editable: true },
                                      ActvyLongDesc: { type: "string", editable: false },
                                      OvertimeInd: { type: "string", editable: false },
                                      HoursDay1: { type: "number", editable: true },
                                      HoursDay2: { type: "number", editable: true },
                                      HoursDay3: { type: "number", editable: true },
                                      HoursDay4: { type: "number", editable: true },
                                      HoursDay5: { type: "number", editable: true },
                                      HoursDay6: { type: "number", editable: true },
                                      HoursDay7: { type: "number", editable: true },
                                      HoursDay8: { type: "number", editable: true },
                                      HoursDay9: { type: "number", editable: true },
                                      HoursDay10: { type: "number", editable: true },
                                      HoursDay11: { type: "number", editable: true },
                                      HoursDay12: { type: "number", editable: true },
                                      HoursDay13: { type: "number", editable: true },
                                      HoursDay14: { type: "number", editable: true },
                                      SpreadInd: { type: "string", editable: false },
                                      TimesheetId: { type: "integer", editable: false, nullable: true },
                                      WorkId: { type: "integer", editable: false },
                                      RCN: { type: "string", editable: false },
                                      OtAllowedInd: { type: "string", editable: false },
                                      EmployeeNum: { type: "integer", editable: false },
                                      FullName: { type: "string", editable: false },
                                      PayPeriodDate: { type: "date", editable: false },
                                      Week1Total: {type: "double", editable: false },
                                      Week2Total: { type: "double", editable: false },
                                      PayPeriodTotal: { type: "double", editable: false }
                                  }
                              },
                              total: function (response) {
                                  return $(response.TimesheetList).length
                              }
                          },
                          group: {
                              field: "FullName", template: "Timesheet for", aggregates: [
                                 { field: "HoursDay1", aggregate: "sum" },
                                 { field: "HoursDay2", aggregate: "sum" },
                                 { field: "HoursDay3", aggregate: "sum" },
                                 { field: "HoursDay4", aggregate: "sum" },
                                 { field: "HoursDay5", aggregate: "sum" },
                                 { field: "HoursDay6", aggregate: "sum" },
                                 { field: "HoursDay7", aggregate: "sum" },
                                 { field: "HoursDay8", aggregate: "sum" },
                                 { field: "HoursDay9", aggregate: "sum" },
                                 { field: "HoursDay10", aggregate: "sum" },
                                 { field: "HoursDay11", aggregate: "sum" },
                                 { field: "HoursDay12", aggregate: "sum" },
                                 { field: "HoursDay13", aggregate: "sum" },
                                 { field: "HoursDay14", aggregate: "sum" },
                                 { field: "Week1Total", aggregate: "sum" },
                                 { field: "Week2Total", aggregate: "sum" },
                                 { field: "PayPeriodTotal", aggregate: "sum" }
                              ]
                          },
                          aggregate: [{ field: "HoursDay1", aggregate: "sum" },
                                 { field: "HoursDay2", aggregate: "sum" },
                                 { field: "HoursDay3", aggregate: "sum" },
                                 { field: "HoursDay4", aggregate: "sum" },
                                 { field: "HoursDay5", aggregate: "sum" },
                                 { field: "HoursDay6", aggregate: "sum" },
                                 { field: "HoursDay7", aggregate: "sum" },
                                 { field: "HoursDay8", aggregate: "sum" },
                                 { field: "HoursDay9", aggregate: "sum" },
                                 { field: "HoursDay10", aggregate: "sum" },
                                 { field: "HoursDay11", aggregate: "sum" },
                                 { field: "HoursDay12", aggregate: "sum" },
                                 { field: "HoursDay13", aggregate: "sum" },
                                 { field: "HoursDay14", aggregate: "sum" },
                                 { field: "Week1Total", aggregate: "sum" },
                                 { field: "Week2Total", aggregate: "sum" },
                                 { field: "PayPeriodTotal", aggregate: "sum" }
                          ]
                      },
                      batch: true,
                      pageable: false,
                      sortable: true,
                      filterable: false,
                      navigatable: true,
                      columns: [
                          { field: "Activity", title: "Activity", width: 190, attributes: { tip: "#:data.ActvyLongDesc#" } },
                          { field: "ActvyComments", title: "Comments", width: 70 },
                          { title: "OT", width: 35, template: "#:data.OvertimeInd=='Y'?'OT':''#" },
                          { field: "HoursDay1", editor: editNumberWithoutSpinners, headerTemplate: '&lt;span&gt;Sat&lt;br/&gt;' + getDay(1) + '&lt;/span&gt;', width: 35, template: "#:data.HoursDay1==0?'':data.HoursDay1#", groupFooterTemplate: "#=sum#", attributes: { class: "editable-cell" } },
                          { field: "HoursDay2", editor: editNumberWithoutSpinners, headerTemplate: '&lt;span&gt;Sun&lt;br/&gt;' + getDay(2) + '&lt;/span&gt;', width: 35, template: "#:data.HoursDay2==0?'':data.HoursDay2#", groupFooterTemplate: "#=sum#", attributes: { class: "editable-cell" } },
                          { field: "HoursDay3", editor: editNumberWithoutSpinners, headerTemplate: '&lt;span&gt;Mon&lt;br/&gt;' + getDay(3) + '&lt;/span&gt;', width: 35, template: "#:data.HoursDay3==0?'':data.HoursDay3#", groupFooterTemplate: "#=sum#", attributes: { class: "editable-cell" } },
                          { field: "HoursDay4", editor: editNumberWithoutSpinners, headerTemplate: '&lt;span&gt;Tue&lt;br/&gt;' + getDay(4) + '&lt;/span&gt;', width: 35, template: "#:data.HoursDay4==0?'':data.HoursDay4#", groupFooterTemplate: "#=sum#", attributes: { class: "editable-cell" } },
                          { field: "HoursDay5", editor: editNumberWithoutSpinners, headerTemplate: '&lt;span&gt;Wed&lt;br/&gt;' + getDay(5) + '&lt;/span&gt;', width: 35, template: "#:data.HoursDay5==0?'':data.HoursDay5#", groupFooterTemplate: "#=sum#", attributes: { class: "editable-cell" } },
                          { field: "HoursDay6", editor: editNumberWithoutSpinners, headerTemplate: '&lt;span&gt;Thur&lt;br/&gt;' + getDay(6) + '&lt;/span&gt;', width: 35, template: "#:data.HoursDay6==0?'':data.HoursDay6#", groupFooterTemplate: "#=sum#", attributes: { class: "editable-cell" } },
                          { field: "HoursDay7", editor: editNumberWithoutSpinners, headerTemplate: '&lt;span&gt;Fri&lt;br/&gt;' + getDay(7) + '&lt;/span&gt;', width: 35, template: "#:data.HoursDay7==0?'':data.HoursDay7#", groupFooterTemplate: "#=sum#", attributes: { class: "editable-cell" } },
                          { field: "Week1Total", headerTemplate: '&lt;span&gt;Week&lt;br/&gt;&amp;nbsp;&amp;nbsp;1&lt;br/&gt;Total&lt;/span&gt;', width: 50, template: "#= HoursDay1 + HoursDay2 +  HoursDay3 + HoursDay4 + HoursDay5 + HoursDay6 + HoursDay7#", 
                          groupFooterTemplate: function (data) {
                              return (data["HoursDay1"].sum + data["HoursDay2"].sum + data["HoursDay3"].sum + data["HoursDay4"].sum + data["HoursDay5"].sum + data["HoursDay6"].sum + data["HoursDay7"].sum);
                          }
                          },
                          { field: "HoursDay8", editor: editNumberWithoutSpinners, headerTemplate: '&lt;span&gt;Sat&lt;br/&gt;' + getDay(8) + '&lt;/span&gt;', width: 35, template: "#:data.HoursDay8==0?'':data.HoursDay8#", groupFooterTemplate: "#=sum#", attributes: { class: "editable-cell" } },
                          { field: "HoursDay9", editor: editNumberWithoutSpinners, headerTemplate: '&lt;span&gt;Sun&lt;br/&gt;' + getDay(9) + '&lt;/span&gt;', width: 35, template: "#:data.HoursDay9==0?'':data.HoursDay9#", groupFooterTemplate: "#=sum#", attributes: { class: "editable-cell" } },
                          { field: "HoursDay10", editor: editNumberWithoutSpinners, headerTemplate: '&lt;span&gt;Mon&lt;br/&gt;' + getDay(10) + '&lt;/span&gt;', width: 35, template: "#:data.HoursDay10==0?'':data.HoursDay10#", groupFooterTemplate: "#=sum#", attributes: { class: "editable-cell" } },
                          { field: "HoursDay11", editor: editNumberWithoutSpinners, headerTemplate: '&lt;span&gt;Tue&lt;br/&gt;' + getDay(11) + '&lt;/span&gt;', width: 35, template: "#:data.HoursDay11==0?'':data.HoursDay11#", groupFooterTemplate: "#=sum#", attributes: { class: "editable-cell" } },
                          { field: "HoursDay12", editor: editNumberWithoutSpinners, headerTemplate: '&lt;span&gt;Wed&lt;br/&gt;' + getDay(12) + '&lt;/span&gt;', width: 35, template: "#:data.HoursDay12==0?'':data.HoursDay12#", groupFooterTemplate: "#=sum#", attributes: { class: "editable-cell" } },
                          { field: "HoursDay13", editor: editNumberWithoutSpinners, headerTemplate: '&lt;span&gt;Thur&lt;br/&gt;' + getDay(13) + '&lt;/span&gt;', width: 35, template: "#:data.HoursDay13==0?'':data.HoursDay13#", groupFooterTemplate: "#=sum#", attributes: { class: "editable-cell" } },
                          { field: "HoursDay14", editor: editNumberWithoutSpinners, headerTemplate: '&lt;span&gt;Fri&lt;br/&gt;' + getDay(14) + '&lt;/span&gt;', width: 35, template: "#:data.HoursDay14==0?'':data.HoursDay14#", groupFooterTemplate: "#=sum#", attributes: { class: "editable-cell" } },
                          {field: "Week2Total", headerTemplate: '&lt;span&gt;Week&lt;br/&gt;&amp;nbsp;&amp;nbsp;2&lt;br/&gt;Total&lt;/span&gt;', width: 50, template: "#= HoursDay8 + HoursDay9 +  HoursDay10 + HoursDay11 + HoursDay12 + HoursDay13 + HoursDay14#",
                          groupFooterTemplate: function (data) {
                              return (data["HoursDay8"].sum + data["HoursDay9"].sum + data["HoursDay10"].sum + data["HoursDay11"].sum + data["HoursDay12"].sum + data["HoursDay13"].sum + data["HoursDay14"].sum);
                          }
                          },
                          {field: "PayPeriodTotal", title: "Total", width: 50, template: "#=  HoursDay1 + HoursDay2 +  HoursDay3 + HoursDay4 + HoursDay5 + HoursDay6 + HoursDay7 + HoursDay8 + HoursDay9 +  HoursDay10 + HoursDay11 + HoursDay12 + HoursDay13 + HoursDay14#",
                          groupFooterTemplate: function (data) {
                              return (data["HoursDay1"].sum + data["HoursDay2"].sum + data["HoursDay3"].sum + data["HoursDay4"].sum + data["HoursDay5"].sum + data["HoursDay6"].sum + data["HoursDay7"].sum +
                              data["HoursDay8"].sum + data["HoursDay9"].sum + data["HoursDay10"].sum + data["HoursDay11"].sum + data["HoursDay12"].sum + data["HoursDay13"].sum + data["HoursDay14"].sum);
                          }
                          }],
                      resizable: true,
                      editable: true,
                      toolbar: toolbarTemplate(e.data.EmployeeNum, e.data.FullName, e.data.RCN, e.data.OtAllowedInd),
                      dataBound: function () {
                          //Set row color when the row is Overtime
                          var grid = childTimesheetGrid;
                          var data = grid.dataSource.data();
                          $.each(data, function (i, row) {
                              if (row.OvertimeInd == 'Y')
                                  $('tr[data-uid="' + row.uid + '"] ').css("color", "#FF0000");
                          });
  
                          //Set background color for weekend columns
                          $('tr').each(function () {
                              $(this).find('td:nth-child(5)').addClass('Weekend_Days');
                              $(this).find('td:nth-child(6)').addClass('Weekend_Days');
                              $(this).find('td:nth-child(13)').addClass('Weekend_Days');
                              $(this).find('td:nth-child(14)').addClass('Weekend_Days');
                          });
                      },
                      save: function (e) {
                          var dataSource = this.dataSource;
                          e.model.one("change", function () {
                              dataSource.one("change", function () {
                                  dataSource.aggregates().HoursDay1.sum;
                                  dataSource.aggregates().HoursDay2.sum;
                                  dataSource.aggregates().HoursDay3.sum;
                                  dataSource.aggregates().HoursDay4.sum;
                                  dataSource.aggregates().HoursDay5.sum;
                                  dataSource.aggregates().HoursDay6.sum;
                                  dataSource.aggregates().HoursDay7.sum;
                                  dataSource.aggregates().HoursDay8.sum;
                                  dataSource.aggregates().HoursDay9.sum;
                                  dataSource.aggregates().HoursDay10.sum;
                                  dataSource.aggregates().HoursDay11.sum;
                                  dataSource.aggregates().HoursDay12.sum;
                                  dataSource.aggregates().HoursDay13.sum;
                                  dataSource.aggregates().HoursDay14.sum;
                                  dataSource.aggregates().Week1Total.sum;
                                  dataSource.aggregates().Week2Total.sum;
                                  dataSource.aggregates().PayPeriodTotal.sum;
                              });
                              dataSource.fetch();
                          });
                      }
  
                  }).data("kendoGrid");
  
                  childTimesheetGrid.table.kendoTooltip({
                      filter: "td[tip]",
                      content: function (e) {
                          var target = e.target; // element for which the tooltip is shown
                          return $(target).attr('tip');
                      }
                  });
              }
          },
  </code></pre>