Hi All,
I have add the record into the list using Knckout.js but now i have to save this new record to database.
Anyone have a idea?
My code is below-
-----------------
.Cshtml
------
<table data-bind="template: { name: 'emp-template', foreach: Students }" class="formatHTML5">
<thead>
<tr>
<td>First Name</td>
<td>Last Name</td>
<td>Middle Name</td>
</tr>
</thead>
<!-- <tfoot>
<tr>
</tr>
</tfoot> -->
</table>
<input data-bind="value: firstName" />
<input data-bind="value: lastName" />
<input data-bind="value: middleName" />
<button type="button" data-bind="click: addNewRow">add row</button>
<button data-bind='click: save'>Save</button>
<script type="text/html" id="emp-template">
<tr>
<td class="td-center">
<span data-bind="text: FirstName"></span>
</td>
<td class="td-center"><span data-bind="text: LastName"></span>
</td>
<td class="td-center">
<span data-bind="text: MiddleName"></span>
</td>
</tr>
</script>
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Viewmodel
-----------
var AppViewModel = function () {
var self = this;
self.firstName = ko.observable();
self.lastName = ko.observable();
self.middleName = ko.observable();
self.Students = ko.observableArray([]);
self.addNewRow = function () {
//alert("First Name Is");
//var firstName = self.firstName.trim();
//var lastName = self.lastName.trim();
//var middleName = self.MiddleName.trim();
self.Students.push({ FirstName: self.firstName(), LastName: self.lastName(), MiddleName: self.middleName() });
};
}
$(document).ready(function () {
var viewModel = new AppViewModel();
$.getJSON('/ajaxCall/getEmpAjax/', function (data) {
viewModel.Students(data);
ko.applyBindings(viewModel);
});
});