关闭

如何让Javascript脚本执行CS函数。

1010人阅读 评论(0) 收藏 举报

        今天用AjaxControlToolkit控件CalendarExtender,想实现一个这样的功能:当用户选择某个日期后,执行一个验证的过程(与asp.net的Calendar控件的SelectionChanged方法)。于是我就找看有没有这样的事件,找了老半天,只找到一个属性:OnClientDateSelectionChanged,从字面上看应该就是这个了,但这个只支持脚本,不支持CS里的函数。那如何实现这个功能呢?于是上网找,还真有人跟我一样遇到这样的问题,但上面的答案不明确。还是自己研究出来了。

思路是这样的: 1、选在面页上放一个Button,把它的Width和Height都成0(注意一定不能设Visible=false,因为这样后面的脚本找不到它的),以达到隐藏的效果,并设ID=”btnSelect"。

                             2、在Button的OnClick事件中定义好要执行的事件。

                             3、设置CalendarExtender的OnClientDateSelectionChanged属性:SelectDate(这里对应的是Javascript的function;

                             4、写Javascript如下:

                            

function SelectedDate()
{
     
//取到第一步定义的Button对象
   var objBtn = document.getElementById('btnSelect');
      objBtn.click();     
//执行单击事件 
}

                 这样就可以实现了。

                 这里补充一点,就是在有母版页的页面。var objBtn = document.getElementById('btnSelect');这句是不能取到对象的,要改成这样:

var objBtn = document.getElementById("<%=btnSelect.ClientID%>); 

而且这句只能放在页中的的<script>中,不能放在单独的js文件中。

因为母版页的控件ID会被重新命名。

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:93954次
    • 积分:1352
    • 等级:
    • 排名:千里之外
    • 原创:36篇
    • 转载:10篇
    • 译文:0篇
    • 评论:31条
    文章分类
    最新评论