CommandFieldに組み込まれている[編集]、[キャンセル]、[更新]、および[削除]ボタンを使用する基本的なGridView
ものがあります。プロパティは「Image」(ImageButtons)に設定され、次のように定義されます。CommandField
ButtonType
<asp:GridView ID="gv" runat="server" AutoGenerateColumns="false"
OnRowEditing="gv_RowEditing" OnRowCancelingEdit="gv_RowCancelingEdit" OnRowUpdating="gv_RowUpdating" OnRowDeleting="gv_RowDeleting">
<Columns>
<asp:CommandField
ShowEditButton="true" ShowDeleteButton="true" ButtonType="Image"
EditImageUrl="~\Images\Icons\gridView_Edit.png"
CancelImageUrl="~\Images\Icons\gridView_CancelEdit.png"
UpdateImageUrl="~\Images\Icons\gridView_Update.png"/>
</Columns>
OnRowEditing、OnRowCancelingEdit、OnRowUpdating、およびOnRowDeletingイベントのサーバー側C#イベントハンドラーは正常に機能しており、次のように定義されています。
protected void gv_RowUpdating(object sender, GridViewUpdateEventArgs e) { }
protected void gv_RowEditing(object sender, GridViewEditEventArgs e) { }
protected void gv_RowCancelingEdit(object sender, GridViewCancelEditEventArgs e) { }
protected void gv_RowDeleting(object sender, GridViewDeleteEventArgs e) { }
ページがHTMLにレンダリングされると、ImageButtons
のCommandField
は次の(簡略化された)<input>
タグにレンダリングされます。
<input type="image" name="ctl00$Body$gv$ctl02$ctl00" src="Images/update.png" alt="Update" style="border-width:0px;">
<input type="image" src="Images/delete.png" alt="Delete" onclick="javascript:__doPostBack('ctl00$Body$gv','Delete$0')" style="border-width:0px;">
<input type="image" src="Images/edit.png" alt="Edit" onclick="javascript:__doPostBack('ctl00$Body$gv','Edit$0')" style="border-width:0px;">
<input type="image" src="Images/cancel.png" alt="Cancel" onclick="javascript:__doPostBack('ctl00$Body$gv','Cancel$0')" style="border-width:0px;">
注:実際には、GridViewが編集モードであるかどうかに応じて、一度にレンダリングされるのは編集/削除または更新/キャンセルのいずれかのみです。
では、削除、編集、キャンセルボタンを使用するのに、レンダリングされた更新ボタンがASP.NETの__doPostBack JavaScript関数を使用しないのはなぜですか?
OnRowUpdating
イベントはどのように処理されますか?
注:デフォルトButtonType
を使用するCommandField
と__doPostBackがレンダリングされますが、__doPostBackを使用する場合ButtonType="Image"
は含まれません。