向使用MultiView和GridView控件的JavaScript弹出窗口要发送值和从之接收值

向使用MultiView和GridView控件的JavaScript弹出窗口要发送值和从之接收值2011-03-13 博客园常绍新介绍

很多时候，我们要在我们的应用程序中创建一个弹出窗口。通常当我们弹出一个窗口，我们还要使调用窗口和弹出的窗口进行交互。本文中我将展示如何在一个 ASP.NET 应用程序中创建一个弹出窗口（使用 JavaScript）和如何从弹出窗口返回值到原始的调用页面并自动引发该页上的按钮的单击事件。另外，我将使用 MultiView 控件和带分页的GridView 控件。

第一步：创建第一个页面

创建一个新的 ASP.NET 网站，默认情况下您会自动创建 Default.aspx。在该页上添加一个标签、一文本框（用于输入学生 ID）、一个链接按钮（单击它将弹出弹出窗口）和一个提交按钮。您可以从工具箱中添加所有这些项。为了提供更好的对齐方式，我把这些控件放到了 HTML table中。

下面是我在这里是我写了 div 标记内的完整代码。

<div>
   <table>
     <tr>
       <td>
         <asp:Label ID="Label1" runat="server" Text="Student Id"></asp:Label></td>
       <td>
         <asp:TextBox ID="txtStudentId" runat="server"></asp:TextBox></td>
       <td>
         <asp:LinkButton ID="LinkButton1" runat="server">
         Show Student List</asp:LinkButton></td>
     </tr>
     <tr>
       <td></td>
       <td>
         <asp:Button ID="btnSubmit" runat="server" Text="Submit" />
       </td>
       <td></td>
     </tr>
   </table>
</div>

第二步：创建数据库

现在从菜单网站－添加新项－SQL Server 数据库，添加一个数据库到我们的网站。数据库命名为 StudentDB.mdf，这是一个非常简单的数据库，其中包含只有一个表 – Students。

在这张表中，StudentId 是主键，并且置IsIdentity为true、标识增量和标识种子都设为 1。表如下所示：