asp.net(C#)中給控件添加客戶端js事件的方法
更新時(shí)間:2010年03月12日 20:50:02 作者:
今天做一個(gè)輸入界面,有一需求根據(jù)一個(gè)DropDownList選擇不同,后面部分出現(xiàn)不同的輸入界面,若把響應(yīng)事件放在服務(wù)端去做,得頻繁刷頁面。就想放在客戶來處理顯示和隱藏相應(yīng)的輸入界面。
放在服務(wù)器端,也可以用ajax來實(shí)現(xiàn),不刷頁面。但我覺得有更直接更簡單方法,用一個(gè)js事件是可以實(shí)現(xiàn)的。
但,DropDownList不偈Button等控件提供了一些像"OnClientClick"前臺(tái)事件,只有服務(wù)端事件。
想到,所有C#頁面代碼,最終都是生成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()
<script language="javascript">
function selectChange(objID) {
var ddlExamType = document.getElementById(objID);
if (bool) {
……
}
else {
……
}
}
</script>
總結(jié): C#的服務(wù)端控件,生成html時(shí)對(duì)應(yīng)控件有什么js事件,我們都能通過對(duì)控件 Attributes.Add()添加。
但,DropDownList不偈Button等控件提供了一些像"OnClientClick"前臺(tái)事件,只有服務(wù)端事件。
想到,所有C#頁面代碼,最終都是生成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事件,我們都能通過對(duì)控件 Attributes.Add()添加。
相關(guān)文章
asp.net mvc下拉框Html.DropDownList 和DropDownListFor的常用方法
這篇文章主要介紹了asp.net mvc下拉框Html.DropDownList 和DropDownListFor的常用方法 ,需要的朋友可以參考下2014-10-10輕量級(jí)ORM框架Dapper應(yīng)用之實(shí)現(xiàn)DTO
本文詳細(xì)講解了使用Dapper實(shí)現(xiàn)DTO的方法,文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-03-03asp.net core實(shí)現(xiàn)文件上傳功能
這篇文章主要為大家詳細(xì)介紹了asp.net core實(shí)現(xiàn)文件上傳功能,怎么做單文件和多文件上傳,感興趣的小伙伴們可以參考一下2016-06-06AspNetPager分頁控件UrlRewritePattern參數(shù)設(shè)置的重寫代碼
AspNetPager分頁控件UrlRewritePattern參數(shù)設(shè)置的重寫代碼,需要的朋友可以參考一下2013-02-02.NET的動(dòng)態(tài)編譯與WS服務(wù)調(diào)用詳解
這篇文章介紹了.NET的動(dòng)態(tài)編譯與WS服務(wù)調(diào)用詳解,有需要的朋友可以參考一下,希望對(duì)你有所幫助2013-07-07ASP.NET Core應(yīng)用錯(cuò)誤處理之三種呈現(xiàn)錯(cuò)誤頁面的方式
這篇文章主要給大家介紹了關(guān)于ASP.NET Core應(yīng)用錯(cuò)誤處理之三種呈現(xiàn)錯(cuò)誤頁面的方式的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-01-01