Jquery Ui选项卡加载到asp.net中的页面_Asp.net_Forms_Gridview_Jquery Ui Tabs

Jquery Ui选项卡加载到asp.net中的页面

asp.net forms gridview

Jquery Ui选项卡加载到asp.net中的页面,asp.net,forms,gridview,jquery-ui-tabs,Asp.net,Forms,Gridview,Jquery Ui Tabs,我正在应用程序中使用jquery Ui选项卡在这里，我加载了三个不同的选项卡，每个选项卡上都有一个asp表单。我们知道asp页面必须只有一个表单，所以我从下面两个页面加载了这些内容 <li><a href="#tabs-1">Home</a></li> <li><a href="user_info.aspx">My Uploads</a></li> <li><a href="Enq

我正在应用程序中使用jquery Ui选项卡

在这里，我加载了三个不同的选项卡，每个选项卡上都有一个asp表单。我们知道asp页面必须只有一个表单，所以我从下面两个页面加载了这些内容

<li><a href="#tabs-1">Home</a></li>
<li><a href="user_info.aspx">My Uploads</a></li>
<li><a href="Enquiry.aspx">Enquiry</a></li>

在user_info.aspx页面中，我有一个GridView

 <form runat="server">
   <asp:GridView ID="GridView1" runat="server" OnRowDataBound="GridView1_RowDataBound" ></asp:GridView>     
 </form>

我在我的网格视图中添加了一个pagenation，它在更改页面时加载该用户_info.aspx页面。当我更改grid view的pagenation页面时，是否有方法在after中加载此内容

编辑：经过大量研究，我得出结论，这不可能像你尝试的那样完成。原因是当您将

user\u info.aspx

页面加载到

Default.aspx

中时，页面中有两个id为

form1

的表单。因此，当通过在GridView页面中单击调用

\uuuDoPostBack（）

函数时，您将得到一个Javascript异常，因为被调用的

\uuDoPostBack（）

是来自

Default.aspx

的函数。由于您正在从

user_info.aspx

（

GridView1

）传递参数，因此会出现错误。如果更改页面中表单的一个ID，并在GridView的页面中单击，则会出现asp.net异常，因为ViewState将无效（如果您还将表单的操作更改为Default.aspx）

并非所有事情都是坏消息，您有一些解决方案：

解决方案1：只需将

GridView

添加到选项卡中即可

解决方案2：添加一个指向

用户信息.aspx

的

IFrame

。如果您真的需要将GridView放在另一个页面中，我会使用这个解决方案

示例：

<div id="tabs-2">
    <iframe src="user_info.aspx" id="myFrame" frameborder="0"></iframe>
</div>

$('#myFrame').load(function () {
    $(this).height($(this).contents().height());
    $(this).width($(this).contents().width());
});

标记：

<div id="tabs-2">
    <iframe src="user_info.aspx" id="myFrame" frameborder="0"></iframe>
</div>

$('#myFrame').load(function () {
    $(this).height($(this).contents().height());
    $(this).width($(this).contents().width());
});

这个jQuery使

IFrame

适合它的内容。它看起来确实属于那里（它也是无边界的），如果你更改了页面，它将保持在同一个选项卡中

屏幕截图：

<div id="tabs-2">
    <iframe src="user_info.aspx" id="myFrame" frameborder="0"></iframe>
</div>

$('#myFrame').load(function () {
    $(this).height($(this).contents().height());
    $(this).width($(this).contents().width());
});

编辑：经过大量研究，我得出结论，这不可能像您尝试的那样完成。原因是当您将

user\u info.aspx