敬请各位大侠赐教:TabStrip、MultiPage、PageView构建卡片式多页的问题

将TabStrip的TargetID指向MultiPage
MultiPage要手动添加PageView<iewc:tabstrip id="TabStrip1" runat="server" TargetID="MultiPage1" TabDefaultStyle="background-color:#000000;font-family:verdana;font-weight:bold;font-size:8pt;color:#ffffff;width:79;height:21;text-align:center" TabHoverStyle="background-color:#777777" TabSelectedStyle="background-color:#ffffff;color:#000000">
   <iewc:Tab Text="Tab 1"></iewc:Tab>
   <iewc:Tab Text="Tab 2"></iewc:Tab>
   <iewc:Tab Text="Tab 3"></iewc:Tab>
</iewc:tabstrip><iewc:multipage id="MultiPage1" runat="server" Width="236px">
   <iewc:pageview>a</iewc:pageview>
   <iewc:pageview>b</iewc:pageview>
   <iewc:pageview>c</iewc:pageview>
</iewc:multipage>

解决方案 »

  1.   

    <%@ Import Namespace="Microsoft.Web.UI.WebControls" %>
    <%@ Register TagPrefix="mytab" 
    Namespace="Microsoft.Web.UI.WebControls" 
    Assembly="Microsoft.Web.UI.WebControls, Version=1.0.2.226, Culture=neutral, PublicKeyToken=31bf3856ad364e35" %>
    <head>
    </head>
    <body>
    <form runat="server">
    <table>
    <tr>
    <td>
    <mytab:TabStrip id="tsVert" runat="server" TargetID="mpVert" Orientation="Vertical">
        <mytab:Tab Text="Inbox"/>
        <mytab:TabSeparator/>
        <mytab:Tab Text="Compose"/>
        <mytab:TabSeparator />
        <mytab:Tab Text="Addresses"/>
        <mytab:TabSeparator DefaultStyle="height:100%"/>
    </mytab:TabStrip>
    </td>
    <td valign=top><mytab:MultiPage id="mpVert" runat="server">
        <mytab:PageView>
            <table>
            <tr>
    <td>&nbsp;</td>
    <td>From</td>
    <td>Subject</td>
    <td>Date</td>
    </tr>
    .
    . (other table rows go here)
    .
            </table>
        </mytab:PageView>
        <mytab:PageView>
            <table>
            <tr>
    <td>To:</td>
    <td><asp:textbox runat="server"/></td>
            </tr>
    .
    . (other table rows go here)
    .
            </table>
            <asp:TextBox runat="server" rows=5 columns=30 textmode=multiline/>
        </mytab:PageView>
        <mytab:PageView>
            <table>
            <tr>
    <td>&nbsp;</td>
    <td>Name</td>
    <td>E-mail</td>
    </tr>
            <tr>
    <td><asp:checkbox runat="server" /></td>
    <td>me</td><td>[email protected]</td>
    </tr>
    .
    . (other table rows go here)
    .
            </table>
        </mytab:PageView>
    </mytab:MultiPage>
    </td>
    </tr>
    </table>
    </form>
    </body>msdn上有很多现成的例子，这是其中一个
      

  2.   

    用MultiPage特烦，它的Pageview要手动在html代码中加入，我是这样做的，在一个空白的页面把控件设好，然后把代码拷到pageview段中。
      

  3.   

    谢谢sheyanfen(星宇)、dreammaster(天涯)、sumanden(心头慌，打中张)诸兄。