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