62,271
社区成员
发帖
与我相关
我的任务
分享jQuery ajax小问题
asp.net，用jQuery ajax ，有一个页面Index.aspx 上面 有2个按钮 butten1和butten2 ，在有2个用户控件 1.ascx ，2.ascx。就是 在 Index.aspx 页面上点不同的按钮， 局部无刷新显示不同的用户控件
...全文
请发表友善的回复…
发表回复
liux466713 2010-09-16
- 打赏
- 举报
代码如下，一键反复切换两个控件，多个控件按顺序切换也能实现：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs" Inherits="TestAjax.jQueryPages.Test" %>
<%@ Register Src="UserControls/UserControl1.ascx" TagName="Test1" TagPrefix="UserControl" %>
<%@ Register Src="UserControls/UserControl2.ascx" TagName="Test2" TagPrefix="UserControl" %>
<!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>
<title>Test jQuery User Control</title>
<script src="../scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#UserControlContainer div").hide();
});
$(function () {
$("input:eq(0)").toggle(
function () {
$("#SubContainer1").show();
$("#SubContainer2").hide();
},
function () {
$("#SubContainer1").hide();
$("#SubContainer2").show();
});
});
</script>
</head>
<body>
<input type="button" value="SwitchUserControl" />
<div id="UserControlContainer">
<div id="SubContainer1"><UserControl:Test1 ID="UserControl1" runat="server"/></div>
<div id="SubContainer2"><UserControl:Test2 ID="UserControl2" runat="server"/></div>
</div>
</body>
</html>
Froyo2010 2010-09-16
- 打赏
- 举报
描述的不清楚，不太理解你的问题。
AsheBin 2010-09-16
- 打赏
- 举报
用啥都是一个道理，向对应的页面或者服务器控件发请求，将得到的html写入到当前页面。
SK_Aqi 2010-09-16
- 打赏
- 举报
先是都加在出来两个层来
一个button: $("div1").show();
另一个....show();
一个button: $("div1").show();
另一个....show();
踏雪听雨 2010-09-16
- 打赏
- 举报
你是MVC的话，就很简单了，直接return View("ascx文件名", 对象)
或者return View("ascx文件名")
或者return View("ascx文件名")
tanxd137 2010-09-16
- 打赏
- 举报
....诶 你这也说太不清楚了
yajqiji 2010-09-15
- 打赏
- 举报
haodesdfsdafsdf
