服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|JAVA教程|ASP教程|

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

2019-07-26 11:04ASP.NET之家 ASP.NET教程

今天做一个输入界面,有一需求根据一个DropDownList选择不同,后面部分出现不同的输入界面,若把响应事件放在服务端去做,得频繁刷页面。就想放在客户来处理显示和隐藏相应的输入界面。

放在服务器端,也可以用ajax来实现,不刷页面。但我觉得有更直接更简单方法,用一个js事件是可以实现的。 
  但,DropDownList不偈Button等控件提供了一些像"OnClientClick"前台事件,只有服务端事件。 
  想到,所有C#页面代码,最终都是生成HTML,js事件也是最终运在浏览器中,以Html为基础的。服务端控件最终生成的HTML控件有什么js事件,我们应该就能在aspx中给它添加相应的事件。 
DropDownList 生成的Htm是元素<Select>是有onchange事件的,所以我们也是可以给DropDownList添加onchange()事件,我们通常用的方法,在后台文件的Page_Load 事件中,给id为ddlExamType的DropDownList 添加onchange()事件: 
ddlExamType.Attributes.Add("onchange","SelecteChanged('"+this.ddlExamType.ClientID"')"); 
前台定义的js 函数:SelecteChanged() 

复制代码代码如下:


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

else { 
…… 


</script> 


  总结: C#的服务端控件,生成html时对应控件有什么js事件,我们都能通过对控件 Attributes.Add()添加。

延伸 · 阅读

精彩推荐
  • ASP.NET教程asp.net页面master页面与ascx用户控件传值的问题

    asp.net页面master页面与ascx用户控件传值的问题

    aspx 页面与ascx用户控件传值的问题 1.建立ascx控件 2.给ascx加上属性 3.将控件拖入aspx中 4.在aspx的代码中按控件ID访问属性 如: uc3:left_Repassword ID=left_Repassword1 runat=server / left_Repassword1.HighLight = value; 也同样适用于master页面访问ascx ASP.Ne...

    ASP.NET之家4982019-07-15
  • ASP.NET教程一个简单的asp.net 单点登录实现

    一个简单的asp.net 单点登录实现

    上次做了学校的火车订票系统,那边要求要从学生信息平台直接点过来就是登录状态,不用在重新登录。学生信息平台原来是用asp做的,而火车订票系统是asp.net做的。两个网站的学生信息调用的是同一个数据库。...

    ASP.NET之家2992019-06-21
  • ASP.NET教程asp.net 读取并修改config文件实现代码

    asp.net 读取并修改config文件实现代码

    读取并修改 config 文件的asp.net代码,方便我们用asp.net修改配置文件。...

    服务器之家3602019-06-20
  • ASP.NET教程ASP.NET 页面间数据传递方法小结

    ASP.NET 页面间数据传递方法小结

    Web 页面是无状态的, 服务器对每一次请求都认为来自不同用户,因此,变量的状态在连续对同一页面的多次请求之间或在页面跳转时不会被保留。...

    ASP.NET之家3912019-06-27
  • ASP.NET教程asp.net Md5的用法小结

    asp.net Md5的用法小结

    在ASP.NET中提供了加密的解决方法。在名字空间System.Web.Security中包含了类FormsAuthentication,其中有一个方法HashPasswordForStoringInConfigFile。...

    互联网2402019-06-20
  • ASP.NET教程Asp.net core中实现自动更新的Option的方法示例

    Asp.net core中实现自动更新的Option的方法示例

    这篇文章主要介绍了Asp.net core中实现自动更新的Option的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...

    zhouandke1292019-06-19
  • ASP.NET教程asp.net XML文件操作实现代码

    asp.net XML文件操作实现代码

    这几天在项目中用到了XML文件配置存储一些基本信息,如:参数、表格等一些信息存储。由于记录不是很多,所以用此文件来代替数据库中设计的表结构。...

    网络3382019-06-29
  • ASP.NET教程ASP.NET Ajax级联DropDownList实现代码

    ASP.NET Ajax级联DropDownList实现代码

    我想大家对Ajax已耳熟能详。自web 2.0概念出现以后,提供更好的用户体验变得越来越重要。那么今天我来讲解一下如何使用ASP.NET Ajax和web service构建无刷新级联DropDownList(以下简称为级联DDL)。完成的效果图...

    脚本之家4722019-06-18