I have a table that is contain of Id, user, pass
. I want to have id
by clicking on the button. My code is :
function LoadData(data) {
$.each(data, function (key, item) {
var datea = '<tr>' +
'<td>' + item.id + '</td>' +
'<td><input type="text" value=" ' + item.usser + '"/></td>' +
'<td><input type="text" value="' + item.pass + '"/></td>' +
'<td><input id="Up" type="button" name="btnUpdate" value="Update" /> ' +
'<input type="button" name="btnDelete" id="' + item.id + '" onclick="test();" value="Delete" /></td>' +
'</tr>';
$('#customerTable').append(datea);
});
};
function test() {
var customerId = $(this).parent().parent().children().get(0).innerHTML;alert(customerId);
var data = '{"id":"' + customerId + '"}';
}
By load data my db files shows on the html page. Function test
is for get id of row.
Use:
function LoadData(data) {
$.each(data, function (key, item) {
var datea = '<tr>' +
'<td>' + item.id + '</td>' +
'<td><input type="text" value=" ' + item.usser + '"/></td>' +
'<td><input type="text" value="' + item.pass + '"/></td>' +
'<td><input id="Up" type="button" name="btnUpdate" value="Update" /> ' +
'<input type="button" name="btnDelete" id="' + item.id + '" onClick="test(\'' + item.id + '\')" value="Delete" /></td>' +
'</tr>';
$('#customerTable').append(datea);
});
function test(id) {
var data = '{"id":"' + id+ '"}';
}
Hope it helps.
CONTROLLER:
public void Delete(int id)
{
using (DataClasses1DataContext db=new DataClasses1DataContext())
{
var q = from item in db.usepas
where item.id == id
select item;
usepa s = q.FirstOrDefault();
db.usepas.DeleteOnSubmit(s);
db.SubmitChanges();
}
}
Ajax Code :
function test(id) {
alert(id);
var data = { id: id }
alert(data.id);
$.ajax({
type: 'DELETE',
url: '/api/Values',
data: data,
contentType: "application/json; charset=utf-8",
dataType: 'json',
success: function (results) {
$.getJSON('api/Values', LoadData);
alert('Customer Deleted!');
}
})
}