应用母版页页面使用My97DatePicker,图片触发无效的解决方法。

近日有个项目的页面要收集客户信息,所以对于生日这项,经人推荐用了日期选择控件My97DatePicker.

这个页面中,示例1-1-2图标触发的效果我比较满意,就决定用这个了。

一开始测试的时候,这样写的:

<input id="txt_Birthday" readonly type="text" size="20">
               

<img src="../My97DatePicker/skin/datePicker.gif" onclick="WdatePicker({el:'txt_Birthday'})"
                    alt
="点击这里选择生日" />
为:
<img src="../My97DatePicker/skin/datePicker.gif" onclick="WdatePicker({el:'<%= txt_Birthday%>'})"
                    alt
="点击这里选择生日" />


运行后,发现效果不错。

然后为 txt_Birthday 添加 runat="server" 属性,设置为服务器控件,以便后台好获取数据。后台代码写好,再一运行。

哟,不行了。怎么点那个图标, 刚才的效果就是没有了。边郁闷边问人,搞了一会没好,想想会不会是ID的问题。

那先去掉runat="server",同时设置Trace="true",看一下生成的代码后,发现页面的控件树里竟没有txt_Birtday的字样。。

再加上 runat="server" ,一刷新。生成的果然是一段长长的随机ID+txt_Birthday ,问题应该就在这里了。

那该怎么在图标点击的时候,获取到 服务器控件 的ID呢。自然就是通过<%= 控件.ClientID%>了。

修改代码:

 

<img src="../My97DatePicker/skin/datePicker.gif" onclick="WdatePicker({el:'<%= txt_Birthday%>'})"
                    alt
="点击这里选择生日" />


 

posted @ 2010-01-05 14:53  os340223  阅读(1221)  评论(1编辑  收藏  举报