开发者社区> 暖枫无敌> 正文

asp.net 中点击按钮弹出模式对话框,选择值后返回到页面中(window.showModalDialog实现)

简介: 现从事专业                                 function OpenWin(width, height) {            var me;            // 把父页面窗口对象当作参数传递到对话框中,以便对话框操纵父页自动刷新。
+关注继续查看


<td>现从事专业</td>
<td>
       <asp:TextBox ID="tbMajor" runat="server" ReadOnly="true"></asp:TextBox>
        <input type="hidden" id="hidV" runat="server" />
       <input type="button" value="选择专业" onclick="OpenWin(300, 400);" />
 </td> 



<script type="text/javascript">
        function OpenWin(width, height) {
            var me;
            // 把父页面窗口对象当作参数传递到对话框中,以便对话框操纵父页自动刷新。 
            me = window;
            // 显示对话框。 
            var a = window.showModalDialog("MajorTree.aspx", me, 'dialogWidth=' + width + 'px;dialogHeight=' + height + 'px;help:no;status=no,toolbar=no,menubar=no,scrollbars=no,location=no');
            if (typeof (a) != "undefined")
                var str = new Array();
            str = a.split("|");
            var text = str[1];
            var textv = str[0];
            //返回值赋给TextBox

            window.document.getElementById("tbMajor").value = text;

            window.document.getElementById("hidV").value = textv;
        }
</script>



<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MajorTree.aspx.cs" Inherits="ProvincePlat.EnergyService.MajorTree" %>


<!DOCTYPE html>


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="../Css/zTreeStyle/zTreeStyle.css" rel="stylesheet" />
    <script src="../Js/jquery-1.7.2.min.js"></script>
    <script src="../Js/jquery.ztree.core-3.5.min.js"></script>
    <link href="../Css/master.css" rel="stylesheet" />
    <link href="../Css/GridView.css" rel="stylesheet" />
    <!-- 防止重新打开页面形式的对话框 -->
    <base target="_self" />
    <script type="text/javascript">
        var zNodes;
        var zTree;
        //setting异步加载的设置
        var setting = {
            async: {
                enable: true, //表示异步加载生效
                url: "../Ajax/MajorData.aspx", // 异步加载时访问的页面
                autoParam: ["id"], // 异步加载时自动提交的父节点属性的参数
                otherParam: ["ajaxMethod", 'AnsyData'], //ajax请求时提交的参数
                type: 'post',
                dataType: 'json'
            },
            checkable: true,
            showIcon: true,
            showLine: true, // zTree显示连接线
            data: {  //用pId来标识父子节点的关系
                simpleData: {
                    enable: true
                }
            },
            expandSpeed: "", // 设置 zTree 节点展开、折叠的动画速度,默认为"fast",""表示无动画
            callback: { // 回调函数
                onClick: zTreeOnClick, // 单击鼠标事件
                asyncSuccess: zTreeOnAsyncSuccess //异步加载成功事件
            }
        };


        $(document).ready(function () {
            InitMajor();
            $.fn.zTree.init($("#treeDemo"), setting, zNodes);
        });


        //初始化加载节点
        function InitMajor() {
            $.ajax({
                url: '../Ajax/MajorData.aspx',
                type: 'post',
                dataType: 'json',
                async: false,
                data: { 'ajaxMethod': 'FirstAnsyData' },
                success: function (data) {
                    zNodes = data;
                }
            });
        };


        //单击时获取zTree节点的Id,和value的值
        function zTreeOnClick(event, treeId, treeNode, clickFlag) {
            var treeValue = treeNode.id + "," + treeNode.name;
            //单击给文本框赋值
            var Id = treeNode.pId;
            var v = "";
            if (Id == '' || Id == undefined || Id == null) {
                v = treeNode.name;
            }
            else {
                v = treeNode.name;
            }

            //这里获取到目录树点击后的值
            window.returnValue = treeNode.id + "|" + treeNode.name;
            window.close();

        };


        function zTreeOnAsyncSuccess(event, treeId, treeNode, msg) {
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <div style="text-align: center;" class="midtitle">
                专业类别
            </div>
            <div class="midtitle">
                <ul id="treeDemo" class="ztree"></ul>
            </div>
        </div>
    </form>
</body>
</html>



===========================================================================

如果觉得对您有帮助,微信扫一扫支持一下:



版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
winform 使用快捷键来触发按钮事件
WinForm中快捷键与组合按键的设置   第一种方法。。代码复杂,操作简单的快捷键 新建一个空白窗体 每个窗体都有这样3个事件:KeyDown、KeyPress、KeyUp,KeyDown和KeyPress都是按键按下事件,但KeyDown用的是KeyCode跟键盘各个按键相对应,它对应Keys枚举,用起来比较方便;而KeyPress用的是KeyChar,这个就要找ASC II编码了,不方便。
977 0
如何添加地图控件到Windows Phone 8的页面中
原文 如何添加地图控件到Windows Phone 8的页面中 本主题介绍了各种方法来添加一个地图控件到Windows Phone 8的项目。该地图控件在Windows Phone的SDK 8.0的库的一部分。
874 0
VC++ WIN32 sdk实现按钮自绘详解.
网上找了很多,可只是给出代码,没有详细解释,不便初学者理解.我就抄回冷饭.把这个再拿出来说说. 实例图片:    首先建立一个标准的Win32 Application 工程.选择a simple Win32 Application.
934 0
【Web API系列教程】2.2 — ASP.NET Web API中的路由和动作选择机制
这篇文章描述了ASP.NET Web API如何将HTTP请求路由到控制器上的特定动作。 备注:想要了解关于路由的高层次概述,请查看Routing in ASP.NET Web API。
750 0
WinForm中如何判断关闭事件来源于用户点击右上角的“关闭”按钮
在C#的WinForm程序中,有的时候需要判定关闭请求从哪里发出来的。比如是用户点击了右上角的“关闭”按钮,还是调用了WinForm.Close()方法。最典型的是要知道点击右上角的“关闭”按钮发出的事件。
813 0
安卓开发_使用AlertDialog实现对话框
示例: 一、确定对话框 1 AlertDialog.Builder builder = new AlertDialog.Builder(this); 2 builder.
808 0
用UWP实现一个和win10设置页面类似的布局
原文:用UWP实现一个和win10设置页面类似的布局 不知道有人注意过Win10中的设置页面的布局没?那个页面会根据不同的窗口宽度来调节显示的内容,甚至来后退按钮的操作在不同的宽度也是不同的,看图:   是不是有点cool呢,这篇文章,我们就来做一个类似的布局。
1122 0
+关注
625
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载