網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好
當前位置:酷知知識幫 > 遊戲數碼 > 電腦

實例講解TextBox控件如何使用AutoPostBack屬性

欄目: 電腦 / 發佈於: / 人氣:1.76W

ASP.NET是一門開發語言,可以用來開發網站,學習這門語言首先要了解工具箱中各種控件的使用,然後再學習如何鏈接數據庫。編輯代碼的IDE工具主要是Visual studio軟件。TextBox控件是可編輯文本框,它有很多的常用屬性,其中屬性AutoPostBack是指當文本框控件的內容發生變化時,服務器是否會自動回傳。現在,我們以實際例子出發,看看TextBox控件如何使用AutoPostBack屬性如何使用吧。

實例講解TextBox控件如何使用AutoPostBack屬性

操作方法

(01)新建網站或項目(1)點擊Visual studio軟件菜單欄中的【文件】,在下拉菜單中找到【新建】---【新建網站】】。(2)在彈出【新建網站】的窗口中依次設置:選擇【.NET Frameword 4】版本,在左側的【已安裝的模板】中選擇【Visual C# 】,在中間選擇【ASP.NET空網站】,WEB位置默認是在安裝路徑位置,我們新建一個文件夾,作為存放位置,然後點擊【確定】按鈕即可。

實例講解TextBox控件如何使用AutoPostBack屬性 第2張

(02)添加新項然後點擊頁面右邊的網站路徑,在彈出框中選擇【添加新項】,在彈出的【添加新項】窗口,選擇安裝模板為【Visual C#】,【Web窗體】,然後點擊【確定】按鈕即可。

實例講解TextBox控件如何使用AutoPostBack屬性 第3張

(03)前台代碼在aspx前台頁面中拉出三個TextBox文本框,工具箱中的控件要選擇標準裏面的,代碼如下所示:你的姓名:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br /> 你的密碼:<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br /> 結果:<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>

實例講解TextBox控件如何使用AutoPostBack屬性 第4張
實例講解TextBox控件如何使用AutoPostBack屬性 第5張

(04)拆分按鈕在Visual studio 軟件中也有跟Dreamweaver一樣的功能,如點擊頁面下方的【拆分】按鈕,既可以查看源代碼,還可以看到代碼的預覽效果。

實例講解TextBox控件如何使用AutoPostBack屬性 第6張

(05)更改前端代碼然後對前端代碼進行更改,首先更改代碼的ID屬性值,見名知意思。其次我們對密碼文本框添加自動提交屬性,即當我們鼠標離開該文本框時會自動提交內容到服務器端。具體代碼如下所示 你的姓名:<asp:TextBox ID="txtname" runat="server"></asp:TextBox><br /> 你的密碼:<asp:TextBox ID="txtpwd" runat="server" AutoPostBack="true" ></asp:TextBox><br /> 結果:<asp:TextBox ID="result" runat="server"></asp:TextBox>

實例講解TextBox控件如何使用AutoPostBack屬性 第7張

(06)後台代碼然後我們點擊前台中的【設計】下方顯示的【密碼文本框】可以進入後台編輯頁面,編寫下提交顯示的內容,具體代碼如下所示:protected void txtpwd_TextChanged1(object sender, EventArgs e) { result.Text=txtname.Text+"密碼"+txtpwd.Text; }

實例講解TextBox控件如何使用AutoPostBack屬性 第8張

(07)回到前台頁面,點擊【在瀏覽器中查看】的圖形按鈕,預覽效果。我們在瀏覽器中隨便輸入密碼和姓名,當鼠標離開密碼文本框時可以看到在【輸出結果文本框】中會自動顯示輸入的密碼和姓名文本框中的內容。

實例講解TextBox控件如何使用AutoPostBack屬性 第9張
實例講解TextBox控件如何使用AutoPostBack屬性 第10張

特別提示

(1)學習ASP.NET語言的IDE工具有很多,但是我們一般使用的工具是Visual studio軟件;<br/>(2)要注意頁面中前台和後台的區分,以後綴名進行區分,後綴名為.aspx的頁面為前台頁面,後綴名為.cs的頁面為後台頁面;<br/>(3)AutoPostBack屬性在很多控件中都有,很經常用到,一般用到這個屬性的話,就無需在添加提交按鈕了;