tabstrip和multipage的使用-.NET教程,评论及其它

（1）首先需要安装iewebcontrols.msi
（2）然后在html代码添加<%@import namespace=”microsoft.web.ui.webcontrols” %>
<%@ register tagprefix=”ie” namespace=”microsoft.web.ui.webcontrols” assembly=”microsoft.web.ui.webcontrols, version=1.0.2.226, culture=neutral, publickeytoken=31bf3856ad364e35″ %>
（3）下面试我开发系统的一个页面，仅供参考
<ie:tabstrip id=”tabstrip1″ style=”z-index: 103; left: 8px; position: absolute; top: 75px” runat=”server” bordercolor=”lightskyblue” borderstyle=”inset” tabselectedstyle=”background-color:#ffffff;color:green;” tabhoverstyle=”color:red;” tabdefaultstyle=”background-color:white;font-family:verdana;font-weight:bold;font-size:8pt;color:blue;width:79;height:21;text-align:center;” targetid=”multipage1″ autopostback=”true”>
 <ie:tab text=”查看数据”></ie:tab>
 <ie:tab text=”查看图形”></ie:tab>
</ie:tabstrip>
<ie:multipage id=”multipage1″ style=”z-index: 100; left: 7px; position: absolute; top: 101px” runat=”server” height=”546px” width=”796px” bordercolor=”#8080ff” borderstyle=”double”>
 <ie:pageview>
  <asp:datagrid id=”datagrid1″ style=”z-index: 101;left: 100px;position: absolute” runat=”server” width=”600px” allowsorting=”true” autogeneratecolumns=”false” backcolor=”white” borderwidth=”1px” borderstyle=”none” bordercolor=”#3366cc” cellpadding=”4″ pagesize=”16″ allowpaging=”false” enableviewstate=”true”>
  <selecteditemstyle font-size=”smaller” font-bold=”true” horizontalalign=”center” forecolor=”#ccff99″ verticalalign=”middle” backcolor=”#009999″></selecteditemstyle>
  <edititemstyle font-size=”smaller” horizontalalign=”center” verticalalign=”middle”></edititemstyle>
  <alternatingitemstyle font-size=”smaller” horizontalalign=”center” verticalalign=”middle”></alternatingitemstyle>
  <itemstyle font-size=”smaller” horizontalalign=”center” forecolor=”#003399″ verticalalign=”middle” backcolor=”white”></itemstyle>
  <headerstyle font-size=”smaller” horizontalalign=”center” forecolor=”#ccccff” verticalalign=”middle” backcolor=”#003399″></headerstyle>
  <footerstyle height=”1px” forecolor=”#003399″ backcolor=”#99cccc”></footerstyle>
  <columns>
   <asp:boundcolumn datafield=”stcd” headertext=”站名”></asp:boundcolumn>
   <asp:boundcolumn datafield=”ymdhm” sortexpression=”ymdhm” headertext=”时间”></asp:boundcolumn>
   <asp:boundcolumn datafield=”zr” headertext=”水位” dataformatstring=”{0:n2}”></asp:boundcolumn>
   <asp:editcommandcolumn buttontype=”linkbutton” updatetext=”&lt;img src=webimages/ok.gif border=0 align=absmiddle alt=”更新”&gt;” headertext=”编辑” canceltext=”&lt;img src=webimages/cancel.gif border=0 align=absmiddle alt=”取消”&gt;” edittext=”&lt;img src=webimages/edit.gif border=0 align=absmiddle alt=”编辑”&gt;”></asp:editcommandcolumn>
   <asp:buttoncolumn text=”&lt;img src=webimages/delete.gif border=0 id=btnremove align=absmiddle alt=”删除”&gt;” headertext=”删除” commandname=”delete”></asp:buttoncolumn>
  </columns>
  <pagerstyle horizontalalign=”left” forecolor=”#003399″ backcolor=”#99cccc”></pagerstyle>
  </asp:datagrid>
 </ie:pageview>
 <ie:pageview>
  <asp:image id=”image1″ style=”z-index: 104;left=10px;position: absolute; top: 65px” runat=”server” width=”401px” height=”168px”></asp:image>
 </ie:pageview>
</ie:multipage>