function updateGrid(data) { // appending the retrieved data(user details) to the grid
var i = 0;
var content;
$("#GridView1").html('');
$("#GridView1").append("<tr><th>" + "Name" + "</th><th>" + "Gender" + "</th><th>" + "Date of Birth" + "</th><th>" + "Role" + "</th><th>" + "Password" + "</th><th>" + "Email" + "</th><th>" + "Edit" + "</th></tr>");
while (data[i] != null)
{
$("#GridView1").append("<tr><td>" + data[i].name + "</td><td>" + data[i].gender + "</td><td>" + data[i].dob + "</td><td>" + data[i].role + "</td><td>" + data[i].password + "</td><td>" + data[i].email + "</td><td>" + "<button id=btnEdit onclick='test()'>Edit</button>" + "</td></tr>");// HERE I M DYNAMICALLY CREATING A BUTTON IN THE LAST. WHEN I CLICK IT IT CALLS TEST().HOW CAN I SEND THE DATA IN THIS ROW TO THAT TEST() FUNCTION IN ORDER TO ACCES THEM
i++;
}
}
function test() {
alert('edit button is clicked');
// I NEED TO ACCESS THE ROW'S DATA WHERE THIS EDIT BUTTON IS CLICKED.
}
これは私のコードです。jquery ajaxを使用して、データベースからデータを取得し、動的にグリッドに追加し、行の最後に編集ボタンを作成しています。ボタンクリックでメソッド test() を呼び出しています。現在の行の値をその test() 関数に送信する方法、または test() 関数でそれらにアクセスするにはどうすればよいですか...