Asp.Net Webフォームのビューステート

ViewState は、サーバーコントロールの状態 (runat="server") を保存し、コールバックがトリガーされた後 (PostBack) にページを復元するために使用されます。

フォーム id="form1" runat="server" をページにドラッグし、<asp:Button id="Button1" Text="Delete" OnClick="Button1_Click" OnClientClick="return checkDel(this)" /> を追加します。

<form id="form1" class="pure-form" name="form1" runat="server">
    <input type="text" id="txtName" name="Name" placeholder="名称" size="10"/>
    <input name="Reset" type="submit" value="重置" />
    <input name="Search" type="submit" value="查询" />
    <button name="Button1" type="button" class="pure-button pure-button-primary" onclick="doSearch()">查询</button>
    <asp:Button runat="server" UseSubmitBehavior="false" ID="Button1" OnClick="Button1_Click" class="pure-button pure-button-primary" Text="删除" />
</form>
<label runat="server" id="lblFormKeys"></label><br />
<label runat="server" id="lblEventTarget"></label>
<script src="/js/jquery-3.6.4.min.js"></script>
<script>
    function doSearch() {
        var btn = $("#txtName").val() || "Button1";
        __doPostBack(btn, "");
    }
</script>

1. ボタンをクリックすると、背景の Request["__EVENTTARGET"] が null になります。UseSubmitBehavior="false" をボタンに追加するだけです。この時点でクライアントコードを見ると、コンテンツが form 要素の下に自動的に追加されていることがわかります。

<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="" />
</div>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
    theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>
<div class="aspNetHidden">

	<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="" />
	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="" />
</div>

2. 入力送信をクリックすると、独自の名前の値がフォームフィールドとして送信されます

「リセット」をクリックします。

クリックしてクエリ:

クエリ呼び出しの削除:

3. 「__EVENTTARGET」フォームフィールドを設定して、バックグラウンドで対応するコントロールのイベントをトリガーします。

たとえば、__doPostBack("Button1","") は Button1_Click イベントをトリガーします。

Asp.Net Webフォームのビューステート

おすすめ