DataTable Inline editing ? jquery datatable ?

this is solution.


View

@{
ViewBag.Title = "Index";
}

@{
string EditButton = "Edit";

}

Part 1 : Implement jQuery Datatable in ASP.NET MVC


@**@



Employee Name
Company
EditCity
Postal Code




tr.even {
background-color: #F5F5F5 !important;
}

@* Load datatable css *@

@* Load datatable js *@
@section Scripts{


$(document).ready(function () {
var oTable = $('#myTable').dataTable({
"ajax": {
"url": "/home/loaddata",
"type": "GET",
"datatype": "json"
},
"columns": [
{ "data": "Name", "orderable": true },
{ "data": "Company", "orderable": true },

{
"data": null,
"orderable": false,
defaultContent: "@Html.Raw(EditButton)"
}

],
"fnRowCallback": function (nRow, aoData) {
debugger;
$(nRow).attr("data-id", aoData["EmpId"]);
$(nRow).addClass("selectable")
return nRow;
}
});

$("#applyBtn").on("click", function () {
oTable.fnDraw();
});

$("#myTable tbody").delegate("tr", "dblclick", function () {
var ETId = $(this).attr("data-id");
if (ETId != undefined) {

$(this).toggleClass('selected');
var dLink = '@Url.Action("Manage", "EmailTemplate", new { Id = "_DATAID_" })';
dLink = dLink.replace("_DATAID_", ETId);
window.location = dLink;
}
else {
return false;
}
});

});

function btnEditClientDocumentClick(event) {

$(event.target).closest("tr").removeClass("ui-selected");
var ETId = $(event.target.parentElement.parentElement).attr('data-id');
var dLink = '@Url.Action("Manage", "Home", new { Id = "_DATAID_" })';
dLink = dLink.replace("_DATAID_", ETId);
window.location = dLink;
}

}


public class HomeController : Controller
{
//
// GET: /Home/

public ActionResult Index()
{
return View();
}

//Write action for return database data

public class Employee
{
public string Name { get; set; }
public string Company { get; set; }
public Guid EmpId { get; set; }
public Employee(string name ,string cmp ,Guid empid)
{
Name = name;
Company = cmp;
EmpId = empid;
}

}
public ActionResult loaddata()
{

List emplist = new List();
emplist.Add(new Employee("Ronak", "xyz",Guid.NewGuid()));
emplist.Add(new Employee("Ashish", "xyz1", Guid.NewGuid()));
emplist.Add(new Employee("Vraj", "xyz2", Guid.NewGuid()));
emplist.Add(new Employee("Mukesh", "xyz3", Guid.NewGuid()));
//var data = dc.Customers.OrderBy(a => a.ContactName).ToList();
var data = emplist.ToList();
return Json(new { data = data }, JsonRequestBehavior.AllowGet);

}

}