Small Example of combined use of tabstrip and multipage

Source: Internet
Author: User
Well, a small example is the beginning.
I see a lot of similar things on the Internet, but I don't always feel very detailed. Well, write it yourself.

First download the Microsoft webcontrol control, and then right-click the toolbox and choose add. in the. NET Framework component, find the namespace: Microsoft. web. UI. for webcontrols, four controls are added in total. In this case, you can see these controls on the General tab.
Create a new table:
<textarea style="WIDTH: 211px; HEIGHT: 70px" rows="1" cols="22" readonly><Table> <br/> <tr> <TD> </tr> <br/> </table></textarea>
Add tabstrip to the first column of the first row, and multipage to the first column of the Second row, as shown below:
<textarea style="WIDTH: 696px; HEIGHT: 255px" rows="13" cols="75" readonly><Table id = "Table1" border = "1"> <br/> <tr> <br/> <TD> <br/> <iewc: tabstrip id = "tabstrip1" runat = "server" targetid = "multipage2"> <br/> <iewc: tab text = "Tab 1"/> <br/> <iewc: tab text = "Tab 2"/> <br/> <iewc: tab text = "tab 3"/> <br/> </iewc: tabstrip> </TD> <br/> </tr> <br/> <TD> <br/> <iewc: multipage id = "multipage2" runat = "server"> <br/> </iewc: multipage> <br/> </TD> <br/> </tr> <br/> </table></textarea>
Well, you can change the ID on your own, but remember it. The targetid = "multipage2" is not found. This is the key. Your goal is here.
Then I added several pages to multipage2,
<Table id = "Table1" border = "1"> <br/> <tr> <br/> <TD> <br/> <iewc: tabstrip id = "tabstrip1" runat = "server" targetid = "multipage2"> <br/> <iewc: tab text = "Tab 1"/> <br/> <iewc: tab text = "Tab 2"/> <br/> <iewc: tab text = "tab 3"/> <br/> </iewc: tabstrip> </TD> <br/> </tr> <br/> <TD> <br/> <iewc: multipage id = "multipage2" runat = "server"> <br/> <iewc: pageview> <br/> <Table> <br/> <tr> <br/> <TD> page one </TD> <br/> </tr> <br/> </table> <br/> </iewc: pageview> <br/> <iewc: pageview> <br/> <Table> <br/> <tr> <br/> <TD> page two </TD> <br/> </tr> <br/> </table> <br/> </iewc: pageview> <br/> <iewc: pageview> <br/> <Table> <br/> <tr> <br/> <TD> Page Three </TD> <br/> </tr> <br/> </table> <br/> </iewc: pageview> <br/> </iewc: multipage> </TD> <br/> </tr> <br/> </table> <br/>
Okay, let's take a look. Haha, The iewc is not fixed. You can just write it in tagprefix = "iewc.
On the multipage page, you can add frequently-used controls at will. As for the more complex ones, you should make innovations on your own. :)

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.