如何解決動態產生的Html Table在postback後消失的問題

asp.net c# postback html 動態欄位

daylern0413 2021-04-21 17:15:02 ‧ 2665 瀏覽

分享至

請問各前輩, 小弟遇到一個困難待解決:
因為公司需求, 需製作一個可以透過動態條件決定HTML Table的設計並與資料庫決定欄位資料.

簡易程式流程是 btnSearch_Click 產生html table => btnVarifyPageData_Click 去驗證html table資料, 但是問題就在btnVarifyPageData_Click觸發後, html table就會消失.
請問該如何解決這問題?

有爬過google , 部分建議是把html table放在page load階段. 但是因為公司的需求需要條件選擇後產生, 故這部分也不清楚如何修改好.

protected void Page_Load(object sender, EventArgs e)
    {
        Session.Timeout = 5;
        try
        {
            if (Page.IsPostBack != false) return;
            //xxxxxx ..程式碼
        }
        catch (Exception ex)
        {
            MsgBox(ex.Message);
        }
    }

protected void btnSearch_Click(object sender, EventArgs e)
    {
      //Query oracle db
      //Make dynaminc html table
    }

protected void btnVarifyPageData_Click(object sender, EventArgs e)
    {
        //驗證btnSearch_Click產生的table內textbox insert的資料
    }

daylern0413 iT邦新手 5 級 ‧ 2021-04-23 15:12:37 檢舉

感謝下方的回覆.
因為急於結案, 小弟偷懶先使用UpdatePanel 處理, 也能夠正常Work.
至於Ajax, 需要花點時間處理, 後續有測試成功在update.
```
<fieldset runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<br />
<table class="tb" style="table-layout: fixed">
<tr runat="server">
<td>
<asp:Button ID="btnValidatePageData" runat="server" Text="" CssClass="Btn" Height="30px" Width="85%" ForeColor="Black" OnClick="btnVarifyPageData_Click" CausesValidation="False" />
</td>
<td>
<asp:Button ID="btnUpload" runat="server" CssClass="Btn" Text="" Height="30px" Width="70%" ForeColor="Black" OnClick="btnUpload_Click" />
</td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
</fieldset>
```

登入發表討論