快捷導(dǎo)航

asp.net(C#)中給控件添加客戶端js事件的方法

更新時(shí)間：2010年03月12日 20:50:02 作者：

今天做一個(gè)輸入界面，有一需求根據(jù)一個(gè)DropDownList選擇不同,后面部分出現(xiàn)不同的輸入界面，若把響應(yīng)事件放在服務(wù)端去做，得頻繁刷頁(yè)面。就想放在客戶來(lái)處理顯示和隱藏相應(yīng)的輸入界面。

放在服務(wù)器端，也可以用ajax來(lái)實(shí)現(xiàn)，不刷頁(yè)面。但我覺(jué)得有更直接更簡(jiǎn)單方法，用一個(gè)js事件是可以實(shí)現(xiàn)的。
　　但，DropDownList不偈Button等控件提供了一些像"OnClientClick"前臺(tái)事件，只有服務(wù)端事件。
　　想到，所有C#頁(yè)面代碼，最終都是生成HTML，js事件也是最終運(yùn)在瀏覽器中，以Html為基礎(chǔ)的。服務(wù)端控件最終生成的HTML控件有什么js事件，我們應(yīng)該就能在aspx中給它添加相應(yīng)的事件。
DropDownList 生成的Htm是元素<Select>是有onchange事件的，所以我們也是可以給DropDownList添加onchange()事件，我們通常用的方法，在后臺(tái)文件的Page_Load 事件中，給id為ddlExamType的DropDownList 添加onchange()事件：
ddlExamType.Attributes.Add("onchange","SelecteChanged('"+this.ddlExamType.ClientID"')");
前臺(tái)定義的js 函數(shù)：SelecteChanged（）

復(fù)制代碼代碼如下:

 
<script language="javascript"> 
function selectChange(objID) { 
var ddlExamType = document.getElementById(objID); 
if (bool) { 
…… 
} 
else { 
…… 
} 
} 
</script> 

　　總結(jié)： C#的服務(wù)端控件，生成html時(shí)對(duì)應(yīng)控件有什么js事件，我們都能通過(guò)對(duì)控件 Attributes.Add()添加。

您可能感興趣的文章:

相關(guān)文章

ASP.NET比較常用的26個(gè)性能優(yōu)化技巧
這篇文章主要給大家介紹asp.net中比較常用的26個(gè)性能優(yōu)化技巧，主要設(shè)計(jì)到asp.net中常用的26個(gè)性能優(yōu)化方面的內(nèi)容，對(duì)于asp.net中常用的26個(gè)性能優(yōu)化技巧感興趣的朋友可以參考下本篇文章
2015-10-10
asp.net access添加返回自遞增id的實(shí)現(xiàn)方法
今天花了一點(diǎn)時(shí)間研究了這個(gè)問(wèn)題，除此之外，還順帶研究了小孔子cms添加數(shù)據(jù)的過(guò)程，access添加返回自遞增id也是從小孔子cms中研究出來(lái)的。
2008-08-08
Asp.net MVC實(shí)現(xiàn)生成Excel并下載功能
這篇文章主要為大家詳細(xì)介紹了Asp.net MVC實(shí)現(xiàn)生成Excel并下載功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-12-12
FileUpload 控件禁止手動(dòng)輸入的方法
FileUpload 控件禁止手動(dòng)輸入的方法,需要的朋友可以參考下。
2010-02-02
ASP.NET?MVC5網(wǎng)站開(kāi)發(fā)之用戶角色的后臺(tái)管理1(七)
這篇文章主要為大家詳細(xì)介紹了ASP.NET?MVC5網(wǎng)站開(kāi)發(fā)之用戶角色的后臺(tái)管理，感興趣的小伙伴們可以參考一下
2016-08-08
.NET Core中的HttpClientFactory類用法詳解
本文詳細(xì)講解了.NET Core中的HttpClientFactory類的用法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-03-03
未能加載文件或程序集“XXX”或它的某一個(gè)依賴項(xiàng)。試圖加載格式不正確的程序。
如果你將應(yīng)用程序生成x86而不是Any CPU時(shí)，在64位操作系統(tǒng)中不會(huì)出錯(cuò)錯(cuò)誤，而在32位操作系統(tǒng)中可能會(huì)出現(xiàn)以下錯(cuò)誤
2012-11-11
ASP.NET?MVC項(xiàng)目實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)無(wú)刷新
這篇文章介紹了ASP.NET?MVC項(xiàng)目實(shí)現(xiàn)三級(jí)聯(lián)動(dòng)無(wú)刷新的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-07-07
asp.net core 騰訊驗(yàn)證碼的接入示例代碼
這篇文章主要介紹了asp.net core 騰訊驗(yàn)證碼的接入示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-10-10
Asp.Net 生成靜態(tài)頁(yè)并實(shí)現(xiàn)分頁(yè)效果
Asp.Net 生成靜態(tài)頁(yè)并實(shí)現(xiàn)分頁(yè)效果的代碼，需要的朋友可以參考下。
2010-04-04