怎么实现选项卡？要求切换选项卡不刷新
日期：2014-05-18 浏览次数：20395 次
如何实现选项卡？要求切换选项卡不刷新。
大家好：
问题如题。
我是用Menu和MultiView两个控件实现的，MultiView里边套View ，当点击某个菜单项时在事件里指定MultiView显示哪一个View 。
但是这样实现需要返回服务器触发事件。
我想做成无刷新的。
请大家赐教！
------解决方案--------------------
csdn的论坛没有很适合讨论 asp.net ajax 技术问题的地方（asp.net论坛现在也是将过于浅显的问题堆在这里）。你可以自己找一些例子学一下，或者搜索一些专门讨论asp.net ajax的论坛。
------解决方案--------------------
其实很简单的东西，不知道怎么说了，几年前我也以为这很难。可接触web没一个月的时候我就发现了，还是懂了本质的东西好啊。去学下JavaScript + XML 吧
------解决方案--------------------
tab.html:
<!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>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 无标题文档 </title>
<script src= "tabclass.js "> </script>
<link href= "style.css " rel= "stylesheet " type= "text/css ">
<script>
var tabbox1=new TabBox( "tab1 ")
tabbox1.addtab( "p1 ", "留言 ",0)
tabbox1.addtab( "p2 ", "附件 ")
tabbox1.addtab( "p3 ", "关于此控件 ")
</script>
</head>
<body bgcolor= "#AEAEAE ">
<table border= "0 " style= "border-collapse: collapse " bordercolor= "#808080 " cellpadding= "0 " >
<tr>
<td> <script>
tabbox1.init()
</script>
</td>
</tr>
<tr width= "300 ">
<td bgcolor= "#FFFFFF " style= "border:1px #000000 solid;border-top:none " nowrap> <table id=p1>
<tr>
<td> <textarea rows= "6 " name= "S1 " cols= "51 "> </textarea> </td>
</tr>
</table>
<table id=p2>
<tr>
<td> <input type=file > </td>
</tr>
</table>
<table id=p3>
<tr>
<td> 此控件由 <b> <font face= "Verdana "> <font color= "#FF0000 "> puter </font> jam </font> </b> 独立开发 < br> 如果你在使用过程中有什么意见和建议，请到 <a href= "http://puterjam.vipx.net/ " target=_blank> puterjam.vipx.net </a> </td>
</tr>
</table> </td>
</tr>
<script> tabbox1.inithidetab() </script>
</table>
</body>
</html>
style.css
body
{
margin: 6pt;
s}
td
{
font-family: 宋体;
font-size: 12px;
color: #000000;
}
.bd
{
FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#999999,strength=3);
}
.tleft
{
background-image: url( '../img/tab1.gif ');
}
.tright
{
background-image: url( '../img/tab3.gif ');
}
.ttop
{
background-image: url( '../img/tab2.gif ');
}
大家好：
问题如题。
我是用Menu和MultiView两个控件实现的，MultiView里边套View ，当点击某个菜单项时在事件里指定MultiView显示哪一个View 。
但是这样实现需要返回服务器触发事件。
我想做成无刷新的。
请大家赐教！
------解决方案--------------------
csdn的论坛没有很适合讨论 asp.net ajax 技术问题的地方（asp.net论坛现在也是将过于浅显的问题堆在这里）。你可以自己找一些例子学一下，或者搜索一些专门讨论asp.net ajax的论坛。
------解决方案--------------------
其实很简单的东西，不知道怎么说了，几年前我也以为这很难。可接触web没一个月的时候我就发现了，还是懂了本质的东西好啊。去学下JavaScript + XML 吧
------解决方案--------------------
tab.html:
<!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>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 无标题文档 </title>
<script src= "tabclass.js "> </script>
<link href= "style.css " rel= "stylesheet " type= "text/css ">
<script>
var tabbox1=new TabBox( "tab1 ")
tabbox1.addtab( "p1 ", "留言 ",0)
tabbox1.addtab( "p2 ", "附件 ")
tabbox1.addtab( "p3 ", "关于此控件 ")
</script>
</head>
<body bgcolor= "#AEAEAE ">
<table border= "0 " style= "border-collapse: collapse " bordercolor= "#808080 " cellpadding= "0 " >
<tr>
<td> <script>
tabbox1.init()
</script>
</td>
</tr>
<tr width= "300 ">
<td bgcolor= "#FFFFFF " style= "border:1px #000000 solid;border-top:none " nowrap> <table id=p1>
<tr>
<td> <textarea rows= "6 " name= "S1 " cols= "51 "> </textarea> </td>
</tr>
</table>
<table id=p2>
<tr>
<td> <input type=file > </td>
</tr>
</table>
<table id=p3>
<tr>
<td> 此控件由 <b> <font face= "Verdana "> <font color= "#FF0000 "> puter </font> jam </font> </b> 独立开发 < br> 如果你在使用过程中有什么意见和建议，请到 <a href= "http://puterjam.vipx.net/ " target=_blank> puterjam.vipx.net </a> </td>
</tr>
</table> </td>
</tr>
<script> tabbox1.inithidetab() </script>
</table>
</body>
</html>
style.css
body
{
margin: 6pt;
s}
td
{
font-family: 宋体;
font-size: 12px;
color: #000000;
}
.bd
{
FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#999999,strength=3);
}
.tleft
{
background-image: url( '../img/tab1.gif ');
}
.tright
{
background-image: url( '../img/tab3.gif ');
}
.ttop
{
background-image: url( '../img/tab2.gif ');
}
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
