[ad_1]
JavaスクリプトとWebサービスを使用して、htmlテーブルにデータを表示しました。 ボタンを使用して、さらに2つの列を編集および削除します。 編集ボタンページをクリックすると、その行のIDを選択して編集ページにリダイレクトし、リダイレクトされたページにデータを表示する必要があります。
私が試したこと:
$(document).ready(function () {
$.ajax({
タイプ: “ポスト”,
contentType: “application/json; charset=utf-8”,
url: “EmployeeView.aspx/Binddatatable”,
データ: “{}”、
データ型: “json”,
成功: 関数 (データ) {
//$(“#empdata > tbody > tr”).remove();
// $(“#empdata”).append(“
for (var i = 0; i < data.d.length; i++) {
$(“#empdata”).append(“
” + ‘
‘+ “
“);
// $(“#empdata”).tablesorter({ ウィジェット: [‘zebra’] });
// alert(JSON.stringify(data));
}
}、
エラー: 関数 (結果) {
alert(“エラー”);
}
});
// false を返します。
});
関数 myFunction(EmpId) {
$.ajax({
タイプ: “ポスト”,
contentType: “application/json; charset=utf-8”,
url: “EmployeeView.aspx/EditDetails”,
データ型: “json”,
data: “{ ‘ID’: ‘” + EmpId + “‘ }”,
成功: 関数 (データ) {
window.location.href=”https://www.codeproject.com/KB/answers/EmployeeEdit.aspx”;
}
}、
失敗: 関数 (データ) {
アラート(99);
アラート (“失敗”);
}
});
}
解決策 1
従業員IDのクエリ文字列で必要なページを指すボタンのように表示されるリンクスタイルにしないでください。 必要に応じて、この属性をリンク target=”_blank” に追加します。
このようなもの
+"<td><a id=''+ data.d[i].EmpId + '' src='EmployeeEdit.aspx?id=" + data.d[i].EmpId +' target='_blank'>Edit</a></td>" +"<td><a id=''+ data.d[i].EmpId + '' src='EmployeeView.aspx?id=" + data.d[i].EmpId +' target='_blank'>View</a></td>"
[ad_2]
コメント