百度空间 | 百度首页 
 
查看文章
 
将参数传递给ModalPopupExtend
2008-03-07 08:40

昨晚在网上找了N久都 没有找到,如何将一部分参数传递给弹出窗口,点击按钮,发送给服务器,想了一个晚上居然成功了。

还是用前面一个例子。

关于的ModalPopup一点补充--客户端来控制

前台aspx代码

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="suplogin_Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <link href="../Images/Common.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
    function showww(str)
    {
    $get('TextBox1').value=str;
    $find('modalPopup').show();
   
    }
   
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <cc1:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
        </cc1:ToolkitScriptManager>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
            </ContentTemplate>
        <Triggers>
        <asp:AsyncPostBackTrigger ControlID="Button3" EventName="Click" />
        </Triggers>
        </asp:UpdatePanel>
        &nbsp;
      
        <asp:Button ID="Button1" runat="server" Text="Button111" />
        <input id="Button2" type="button" value="button" onclick="showww('Ne mmmmm')" />
        <asp:Panel ID="Panel1" runat="server" Height="50px" Width="125px" Style=" display:none" CssClass="modalPopup">
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            <asp:Button ID="Button3" runat="server" Text="OK" OnClick="Button3_Click" />
            <asp:Button ID="Button4" runat="server" Text="Canel" />
            </asp:Panel>
        <cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
         BehaviorID="modalPopup"
CancelControlID="Button4"
           TargetControlID="Button1"
            PopupControlID="Panel1"
             DropShadow="true"
              BackgroundCssClass="modalBackground">
        </cc1:ModalPopupExtender>
    </div>
    </form>
</body>
</html>

cs代码:

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class suplogin_Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button3_Click(object sender, EventArgs e)
    {
        TextBox2.Text = TextBox1.Text;
        ModalPopupExtender1.Hide();
    }
}

说明一下

通过客户端点button2,将参数传给函数showwww(), 再由函数传给ModalPopupExtend中的textbox1,然后将相应的值 处理相应的操作。

特别要说明的button2是Html控件,并非asp.net控件。

若用asp.net控件,会怎样呢?留作下一个学习内容。


类别:asp.net ajax学习笔记 | 添加到搜藏 | 浏览() | 评论 (1)
 
最近读者:
 
网友评论:
1
2009-09-10 14:55 | 回复
 
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码: 请点击后输入四位验证码,字母不区分大小写
      

     

©2009 Baidu