ASP.NET中的javascript操作_.Net教程
推薦:淺談ASP.NET 2.0服務(wù)器控件開(kāi)發(fā)的基本概念利用asp.net 2.0技術(shù),創(chuàng)建Web自定義服務(wù)器控件并不是一件輕松的事情。因?yàn)�,這需要開(kāi)發(fā)人員了解并能夠靈活應(yīng)用多種Web開(kāi)發(fā)技術(shù),例如,CSS樣式表、客戶端腳本語(yǔ)言、.NET開(kāi)發(fā)語(yǔ)言、服務(wù)器控件開(kāi)發(fā)技術(shù),甚至是當(dāng)前最火的AJAX技術(shù)等等。雖然現(xiàn)實(shí)如此艱難,但
下面總結(jié)一些常見(jiàn)的ASP.NET中的javascript操作:
1.為button控件添加確認(rèn)功能
要想為服務(wù)器控件添加客戶端的事件,需要用到Attributes屬性。Attributes屬性是所有的服務(wù)器控件都有的一個(gè)屬性,它用來(lái)為最終生成的HTML添加自定義的一些標(biāo)記。假設(shè)Web Form上有一個(gè)保存按鈕btnSave,希望在用戶點(diǎn)此按鈕時(shí)提示用戶是否確實(shí)要保存(比如一旦保存就無(wú)法恢復(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中的子控件是沒(méi)辦法直接訪問(wèn)的,要實(shí)現(xiàn)上面的那種效果,我們需要用到Datagrid的OnItemDataBound事件。OnItemDataBound事件發(fā)生在Datagrid的每一行數(shù)據(jù)綁定到Datagrid之后(即一行激發(fā)一次)。首先在Datagrid的聲明中添加OnItemDataBound屬性,如下:
此處說(shuō)明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ù)器端控件事件
讓我們?cè)賮?lái)考慮第一個(gè)實(shí)例,我們?yōu)楸4姘粹o增加了確認(rèn)功能,只有在用戶確認(rèn)后才會(huì)執(zhí)行保存操作,用戶不確認(rèn)的話就不執(zhí)行,如果我們想要用戶按下“取消”時(shí),執(zhí)行另外的操作怎么辦呢?這就要需要用JS來(lái)回調(diào)(PostBack)服務(wù)器端控件完成操作。
當(dāng)前頁(yè)面中有一個(gè)DropDownList控件ddlTest,Button按鈕btnSave.當(dāng)選擇ddlTest時(shí)觸發(fā)onchange事件,保存當(dāng)前的選擇值,在保存前會(huì)讓操作者先確認(rèn),用戶確認(rèn)則保存,否則轉(zhuǎn)向default.aspx頁(yè)。
在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ù)來(lái)調(diào)用一個(gè)字符串中包含的命令。需注意的是包含命令的字符串不能用單引號(hào)括起來(lái),因?yàn)樽詣?dòng)生成的腳本中包括單引號(hào),
分享:揭秘實(shí)現(xiàn)ASP.NET中網(wǎng)站訪問(wèn)量統(tǒng)計(jì)的方法下面介紹如何進(jìn)行ASP.NET中網(wǎng)站訪問(wèn)量的統(tǒng)計(jì)。 一、建立一個(gè)數(shù)據(jù)表IPStat用于存放用戶信息 我在IPStat表中存放的用戶信息只包括登錄用戶的IP(IP_Address),IP來(lái)源(IP_Src)和登錄時(shí)間(IP_DateTime),些表的信息本人只保存一天的信息,如果要統(tǒng)計(jì)每個(gè)月
- asp.net如何得到GRIDVIEW中某行某列值的方法
- .net SMTP發(fā)送Email實(shí)例(可帶附件)
- js實(shí)現(xiàn)廣告漂浮效果的小例子
- asp.net Repeater 數(shù)據(jù)綁定的具體實(shí)現(xiàn)
- Asp.Net 無(wú)刷新文件上傳并顯示進(jìn)度條的實(shí)現(xiàn)方法及思路
- Asp.net獲取客戶端IP常見(jiàn)代碼存在的偽造IP問(wèn)題探討
- VS2010 水晶報(bào)表的使用方法
- ASP.NET中操作SQL數(shù)據(jù)庫(kù)(連接字符串的配置及獲取)
- asp.net頁(yè)面?zhèn)髦禍y(cè)試實(shí)例代碼
- DataGridView - DataGridViewCheckBoxCell的使用介紹
- asp.net中javascript的引用(直接引入和間接引入)
- 三層+存儲(chǔ)過(guò)程實(shí)現(xiàn)分頁(yè)示例代碼
- 相關(guān)鏈接:
- 教程說(shuō)明:
.Net教程-ASP.NET中的javascript操作
。