Jow Do I Get The Value Of Changed Textbox In Kncokout

See more:

ASP.NET

Javascript

Knockout.js

I have to two textboxes. One is employeename and other is worked hours. employeename is already prefilled. I have to save work hours for each employee, I have to get the work hours in javascript and save them. I am using knockout. There will be a save button for each row.

How to get the changed worked hours from the texbox after they hit save?

UI(UserInterface)

<tbody data-bind="foreach: arraytoadd">
<tr>
    <td data-bind="text: employeename"></td>
    <td>&lt;input id="indynamicntendtime" data-bind="text: workedhours"/&gt;</td>  
    <td> &lt;input type="button" id="btnsave" value="save"/&gt; </td>                      
</tr>
</tbody>

Javascript

Templatefunction = function()
{
   var self = this;
   self.employeename = ko.observavle("");
   self.workedhours = ko.observale("");
}

RealFunciton = function()
{
   ver self = this;
   self.arrarytoadd = ko.obeservablearray();
   self.addevent = function ()
   {
     self.arraytoadd.push( new Templatefunction);
   }
}

Getting the values from Ajax and assigning

 for(var i=0;i<response.d.length;i++)>
 {
     var x = new TemplateFunction();
     x.employeename(response.d[i].EmployeeName);
     x.workedhours(response.d[i].ActualContractorEndTime);
     jobactivityVM.arraytoadd.push(x);
 }


//TO DO  SAVE FUNCIONALITY. On every row save button click i have to get the corresponding workhours

  $(document).on("click", "[id*=btnsave]", function (e) {
      var x = new TemplateFunction();
      var contractorstarttime = Templatefunction["workedhours"]; //HOW TO GET THE CHANGED WORKED    HOURS .
      //start initialising the parameters needed for the ajax call
      var params = {};        
      params.workedhours=workedhours;

  });