webform 中如何实现活页夹功能？

webform中如何实现活页夹功能？winform有tablecontrol控件，webform就没有，有没有第三方控件推荐？

解决方案 »

  1.   

    http://www.jgpy.cn/blog/front-end/6_cool_tabs_nav_on_jQuery.htm
      

  2.   

    web可使用multiview
    asp.net ajax 或Jquery里有控件 
    DIV
    http://www.asp.net/AJAX/AjaxControlToolkit/Samples/Tabs/Tabs.aspx
      

  3.   

    实现选项卡效果 你需要用到javascript，实现的效果类似新浪、163上的选项卡效果，下面是个转贴的例子，你可以借鉴一下：
    <!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" c />
    <title>DIV+CSS仿网易的滑动门技术AJAX</title>
    <style type="text/css">
    <!--
    #header {
    background-color: #F8F4EF;
    height: 200px;
    width: 400px;
    margin: 0px;
    padding: 0px;
    border: 1px solid #ECE1D5;
    font-family: "宋体";
    font-size: 12px;
    }
    #menu {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    }
    #menu li {
    display: block;
    width: 100px;
    text-align: center;
    float: left;
    margin: 0px;
    padding-top: 0.2em;
    padding-right: 0px;
    padding-bottom: 0.2em;
    padding-left: 0px;
    cursor: hand;
    }
    .sec1 { background-color: #FFFFCC;}
    .sec2 { background-color: #00CCFF;}
    .block { display: block;}
    .unblock { display: none;}
    -->
    </style>
    </head>
    <body>
    <script language=javascript>
    function secBoard(n)
    {
    for(i=0;i<menu.childNodes.length;i++)
    menu.childNodes.className="sec1";
    menu.childNodes[n].className="sec2";
    for(i=0;i<main.childNodes.length;i++)
    main.childNodes.style.display="none";
    main.childNodes[n].style.display="block";
    }
    </script>
    <div id="header">
    <ul id="menu">
    <li  class="sec2">最新新闻</li>
    <li  class="sec1">最新文章</li>
    <li  class="sec1">最新日志</li>
    <li  class="sec1">论坛新帖</li>
    </ul>
    <!--内容显示区域-->
    <ul id="main">
    <li class="block">第一个内容</li>
    <li class="unblock">第二个内容</li>
    <li class="unblock">第三个内容</li>
    <li class="unblock">第四个内容</li>
    </ul>
    <!--内容显示区域-->
    </div>
    </body>
    </html>每一个panel下的内容就可以自己编辑了，例如：用DataList和Ajax实现无刷新的显示新闻。
      

  4.   

    ajaxcontroltoolkit中有你需要的 TabControl