webmethod から gridview にデータを追加する js ファイルがあります。私の問題は、ボタンをもう一度クリックするたびに、グリッドビューの前のデータに新しいデータを追加して追加することです。最後に追加されたデータを削除して新しいデータを追加する方法はありますか? 別の質問です。グリッドビューのバインドでは、追加するデータを表示するために、ページの読み込み時にデータソースをバインドする必要があります。新しいデータソースを追加しようとしたときにバインドしたデータソースを削除するにはどうすればよいですか? 質問が多くて長くてすみません。ありがとう！
$.ajax({
url: "Default.aspx/getDetails",
data: Data,
type: "POST",
dataType: "json",
contentType: "application/json; charset=utf-8",
success: function (mydata) {
for (var i = 0; i < mydata.d.length; i++) {
$(".rpt").html("<table id=\"tbl\"><tr>" +
"<th style='background-color: #75a844' class='tbl_h'>Date Joined</th>" +
"<th style='background-color: #75a844' class='tbl_h'>Memberid</th>" +
"<th style='background-color: #75a844' class='tbl_h'>Member ID</th>" +
"<th style='background-color: #75a844' class='tbl_h'>User ID</th>" +
"<th style='background-color: #75a844' class='tbl_h'>Username</th>" +
"<th style='background-color: #75a844' class='tbl_h'>Password</th>" +
"<th style='background-color: #75a844' class='tbl_h'>Full Name</th>" +
"<th style='background-color: #75a844' class='tbl_h'>First Name</th>" +
"<th style='background-color: #75a844' class='tbl_h'>Last Name</th>" +
"<th style='background-color: #75a844' class='tbl_h'>Birth Date</th>" +
"<th style='background-color: #75a844' class='tbl_h'>Address</th>" +
"<th style='background-color: #75a844' class='tbl_h'>Location</th>" +
"<th style='background-color: #75a844' class='tbl_h'>Sponsor ID</th>" +
"<th style='background-color: #75a844' class='tbl_h'>Parent ID</th>" +
"<th style='background-color: #75a844' class='tbl_h'>Placement</th>" +
"</tr>");
for (var i = 0; i < mydata.d.length; i++) {
$("#tbl").append("<tr><td>" + mydata.d[i].datejoined +
"</td><td>" + mydata.d[i].memid +
"</td><td>" + mydata.d[i].memberid +
"</td><td>" + mydata.d[i].userid +
"</td><td>" + mydata.d[i].usrname +
"</td><td>" + mydata.d[i].pssword +
"</td><td>" + mydata.d[i].fullname +
"</td><td>" + mydata.d[i].fname +
"</td><td>" + mydata.d[i].mname +
"</td><td>" + mydata.d[i].lname +
"</td><td>" + mydata.d[i].bdate +
"</td><td>" + mydata.d[i].address +
"</td><td>" + mydata.d[i].location +
"</td><td>" + mydata.d[i].sponsorid +
"</td><td>" + mydata.d[i].parentid +
"</td><td>" + mydata.d[i].placement + "</td></tr>");
}
$("#tbl").append("</table>");
}
});