快速业务通道

window.showModalDialog模态对话框&值回传&TreeView无刷新

作者 佚名技术 来源 NET编程 浏览 发布时间 2012-04-10

要求: 点击父页面的text,弹出子页面,将在子页面TreeView选择的值传回,其中子页面树选中叶子节点应有颜色变化(显示选中),且页面不刷新。

实现: 使用window.showModalDialog弹出子页面,设置页面返回值window.returnValue。

父页面中只有一个text, 部分代码如下:

 

<script language="javascript" src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
   
function popbox() {
       
var contactName = window.showModalDialog("ChildPage.aspx");
       
if (contactName != undefined) {
            jQuery(
"#txtContactName").val(contactName);
        }
    }
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input type="text" id="txtContactName" name="txtContactName" readonly="readonly" onclick="javascript:popbox();" />
    </div>
    </form>
</body>

 

说明: 在父页面上加个readonly的text,onclick事件中使用window.showModalDialog弹出子页面,使用contactName保存子页面返回值。

子页面上有一个显示当前选中联系人的asp:Label, 两个button(确定、取消)和一个显示联系人的树(分组),如下图:


 

页面对应代码如下:

<form id="form1" runat="server">
    <div>
    <table>
        <tr>
            <td style="width:300px">
            <em>选中的联系人:</em><asp:Label ID="lblUser" runat="server"></asp:Label>
            </td>
            <td>
                <input type="button" id="btnSave" name="btnSave" value="确定" onclick="javascript:submitname();" />
                <input type="button" id="btnCancel" name="btnCancel" value="取消" onclick="javascript:closewindow();" />
            </td>
        </tr>
    </table>
        <asp:TreeView ID="TreeViewContactList" runat="server" ImageSet="Contacts"
            NodeIndent
="10">

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号