zoukankan      html  css  js  c++  java
  • 利用页面传值获取Calendar控件日期【转】

    1.构想:WebForm1构建一个TextBox,一个HyperLink控件。WebForm3(为什么是3不是2呢?下面说明)构建一个Calendar控件。当点击WebForm1的HyperLink时,打开WebForm3。在WebForm3的Calendar控件中选择日期后,关闭WebForm3,并且WebForm1中的TextBox获取刚才所选择的日期。

    2.实现:
    1) 网上有现成的日期选择控件,但考虑到软件的安全性和版权问题,还是选择自己开发。

    2) 在WebForm3中获取日期后,将数值记录到Session中,并且采用Javascript:window.opener.location.reload();window.close的方法刷新WebForm1。这种方法在WebForm1中只构建了一个Textbox的时候可以很方便的使用,但是如果构建了多个TextBox,刷新的时候,会将其他TextBox内容清空,故不可取。

    3) 使用ShowModalDialog的方法传值,具体方法如下。

    3.具体做法:(部分代码)
    WebForm1.aspx
    <form id=“Form1“ method=“post“ runat =“server“>
    <asp:textbox id=“textbox1“ runat =“server“></textbox>
    <asp:hyperlink id=“hyperlink1“ runat =“server“ navigateurl=“javascript:void(0)“ onclick='javascript:var str=window.showModalDialog(“webform2.aspx“);document.Form1.textbox1.value=str'></asplink>
    </form>

    WebForm2.aspx
    <html>
    <head></head>
    <frameset rows=“0,*“>
    <frame src=“about:blank“>
    <frame src=“WebForm3.aspx“>
    </frameset>
    <html>

    注:为什么要构建WebForm2呢?如果不构建WebForm2,直接打开WebForm3的话,在WebForm3中点击Calendar空间选择日期时,会弹出一个新窗口,致使程序无法按预期运行,具体为什么会这样,知识有限,搞不清楚..... :P

    WebForm3.aspx.vb
    Private Sub Calendar_selectionChanged(byval sender as object, byval e as system.eventargs) handles calendar.selectionchanged
    response.write(“<script language='javascript'>window.parent.returnvalue='“ & calendar.selecteddate.tostring & “';</script>“)
    response.write(“<script language='javascript'>window.parent.close();</script“)
    End sub

    4.后记
    按照此方法类推,还可以在窗口之间传递其他值。
    特别感谢孟宪会老师的相关文章。
  • 相关阅读:
    应用六:Vue之父子组件间的三种通信方式
    应用五:Vue之ElementUI 表格Table与分页Pagination组件化
    应用四:Vue之VUEX状态管理
    Vue 中使用 sass 或 scss 语法配置
    Sass 中文注释导致编译错误
    Sass 的安装及命令行使用
    video 标签
    原生JS添加删除Class
    HTML5 面试选题
    CSS 常用属性初始化标签名
  • 原文地址:https://www.cnblogs.com/Godblessyou/p/1779617.html
Copyright © 2011-2022 走看看