ASP.NET中的javascript操作
下面總結(jié)一些常見的ASP.NET中的javascript操作：
1．為button控件添加確認(rèn)功能
要想為服務(wù)器控件添加客戶端的事件，需要用到Attributes屬性。Attributes屬性是所有的服務(wù)器控件都有的一個(gè)屬性，它用來為最終生成的HTML添加自定義的一些標(biāo)記。假設(shè)Web Form上有一個(gè)保存按鈕btnSave,希望在用戶點(diǎn)此按鈕時(shí)提示用戶是否確實(shí)要保存(比如一旦保存就無法恢復(fù)等)，則應(yīng)在Page_Load事件中添加如下代碼：
- btnSave.Attributes.Add(“onclick”,“javascript:return confirm(‘Are you sure to save?’);”)
要注意的是‘return’，這是不可省的，否則即使用戶點(diǎn)了取消，數(shù)據(jù)仍然會(huì)保存。
2．為Datagrid中的每一行添加Javascript事件
Datagrid中的子控件是沒辦法直接訪問的，要實(shí)現(xiàn)上面的那種效果，我們需要用到Datagrid的OnItemDataBound事件。OnItemDataBound事件發(fā)生在Datagrid的每一行數(shù)據(jù)綁定到Datagrid之后（即一行激發(fā)一次）。首先在Datagrid的聲明中添加OnItemDataBound屬性，如下：
此處說明OnItemDataBound事件發(fā)生時(shí)調(diào)用ItemDataBound方法，在代碼后置文件中添加此方法的定義：
- private void OnItemDataBound(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
- {
- if(e.Item.ItemType != ListItemType.Header && e.Item.ItemType != ListItemType.Footer )
- {
- LinkButton btnSave = (LinkButton)e.Item.Cells[2].Controls[0];
- string strClientID = btnSave.ClientID; //得到該控件的客戶端ID，可供JavaScript調(diào)用
- btnSave.Attributes.Add("onclick","javascript:return confirm('Are you sure to save?');");
- }
- }
由于Datagrid的標(biāo)題行和腳注行也會(huì)激發(fā)此事件，所以首先判斷激發(fā)此事件的行不是標(biāo)題行和腳注行。這里假設(shè)btnSave按鈕位于Datagrid的第3列（第一列是0）。
3．在Javascript中觸發(fā)服務(wù)器端控件事件
讓我們再來考慮第一個(gè)實(shí)例，我們?yōu)楸４姘粹o增加了確認(rèn)功能，只有在用戶確認(rèn)后才會(huì)執(zhí)行保存操作，用戶不確認(rèn)的話就不執(zhí)行，如果我們想要用戶按下“取消”時(shí)，執(zhí)行另外的操作怎么辦呢？這就要需要用JS來回調(diào)(PostBack)服務(wù)器端控件完成操作。
當(dāng)前頁面中有一個(gè)DropDownList控件ddlTest,Button按鈕btnSave.當(dāng)選擇ddlTest時(shí)觸發(fā)onchange事件，保存當(dāng)前的選擇值，在保存前會(huì)讓操作者先確認(rèn)，用戶確認(rèn)則保存，否則轉(zhuǎn)向default.aspx頁。
在Page_Load事件中添加如下代碼：
- string strCMD = Page.GetPostBackClientHyperlink( btnSave, "" );
- string script = @"javascript:ConfirmUpdate(""EVAL_MESSAGE"");";
- script = script.Replace( "EVAL_MESSAGE" , strCMD );
- ddlTest.Attributes.Add("onchange",script);
這段代碼執(zhí)行后生成的select控件將是這樣：
- 〈select name="ddlTest" id="ddlTest" onchange="javascript:ConfirmUpdate("javascript:__doPostBack('btnSave',')");" 〉
- ConfirmUpdate函數(shù)如下
- 〈SCRIPT language=javascript〉
- function ConfirmUpdate(cmd){
- if(confirm("Are you sure to update?"))
- {
- eval(cmd);
- }
- else
- {
- window.location.href="default.aspx"
- }
- }
- 〈/SCRIPT〉
這里利用了Javascript eval函數(shù)來調(diào)用一個(gè)字符串中包含的命令。需注意的是包含命令的字符串不能用單引號(hào)括起來，因?yàn)樽詣?dòng)生成的腳本中包括單引號(hào)，所以這里用兩個(gè)雙引號(hào)表示字符串本身的雙引號(hào)。
下面是一些簡單的ASP.NET中的javascript操作：
1.打開新窗口
這個(gè)簡單:Response.Write(@"< script
language='javascript'>window.open('url');< /script>");
2.關(guān)閉窗口
//關(guān)閉當(dāng)前窗口,并提示用戶時(shí)候關(guān)閉,yes關(guān)閉,no退出
Response.Write(@"< script language='javascript'>window.close();< /script>");
//延遲關(guān)閉窗口(下面代碼表示2秒后關(guān)閉,無需確認(rèn))
Response.Write(@"< script
language='javascript'>setTimeout('self.close()',2000);< /script>");
3.延遲時(shí)間
這個(gè)和上面的沒有多少區(qū)別.我用到的情況是,在用戶操作完畢給出提示,"n秒后,頁面
轉(zhuǎn)向"之類的只需去掉2重的Self.close()即可
Response.Write(@"< script
language='javascript'>setTimeout('',2000);< /script>");
4.彈出提示或警告窗口
Response.Write(@"< script language='javascript'>alert('添加成功,2秒鐘后頁面
將自動(dòng)跳');< /script>");
5.刷新其他頁面
這個(gè)用到的情況還是不少.比如在B頁面對數(shù)據(jù)更新和修改,另一頁面A要保持最新數(shù)據(jù)
給客戶,這是就要在對B操作完畢的情況下對A進(jìn)行刷新:
Response.Write(@"< script language='javascript'>window.opener.location.
href='./default.aspx'< /script>") ;
6.頁面跳轉(zhuǎn)
有時(shí)候在學(xué)要給出提示的情況下進(jìn)行頁面跳轉(zhuǎn),不能使用Response.Redirect("url");
比如,當(dāng)客戶操作完畢,單擊按鈕提交,彈出提示框(使用上面3和4),如果使用了
Response.Redirect("url");
那么頁面將不給出提示,頁就是3和4沒有起作用就直接轉(zhuǎn)向了.
如果你是下面的操作過程:
1).Response.Write(@"< script language='javascript'>alert('添加成功,2秒鐘后頁
面將自動(dòng)跳');< /script>");
2).Response.Write(@"< script
language='javascript'>setTimeout('',2000);< /script>");
3).頁面轉(zhuǎn)向:
Response.Write("< meta http-equiv='refresh'
content='0;URL=./default.aspx'>");
//這個(gè)我不知道用javascript怎么實(shí)現(xiàn),熟悉的輕補(bǔ)充一下
以上就是常用的ASP.NET中的javascript操作。
【編輯推薦】
