替换IE Web控件多页控件

时间:2011-02-14 20:56:06

标签: asp.net jquery-ui jquery-ui-tabs

我有一个内部网络项目,目前正在使用IEWC tabstrip and multipage controls

由于这些已经过时,并且在尝试支持多个浏览器时会造成很多问题,我正在尝试找到替换这些控件的好方法,最好不要对网站的设计或可用性进行大幅改动。

我正在考虑的一种方法是使用jquery UI标签,看起来它可能以类似的方式工作。

如何更换这些过时的控件?

当前摘录:

<iewc:tabstrip id="ts1" style="position:relative; float:left;" runat="server" TargetID="mpVert">
    <iewc:Tab HoverImageUrl="images/selected_tab1.gif" SelectedImageUrl="images/selected_tab1.gif"
            DefaultImageUrl="images/unselected_tab1.gif"></iewc:Tab>
    <iewc:Tab HoverImageUrl="images/selected_tab2.gif" SelectedImageUrl="images/selected_tab2.gif"
            DefaultImageUrl="images/unselected_tab2.gif"></iewc:Tab>
</iewc:tabstrip>
<iewc:multipage id="mpVert" runat="server" BorderWidth="1px" BorderStyle="Outset"
    style="position:relative; float:left; width:99.9%; min-height:200px;">
    <iewc:PageView>
        <SampleControl:MyControl runat="server" id="sampleControl" name="JustAnExample" />
    </iewc:PageView>
    <iewc:PageView>
        <div>More stuff in here for tab 2</div>
    </iewc:PageView>
</iewc:multipage>

我遇到的一个问题是该网站最初设计时期望每个选项卡上的控件都包含在每个请求的页面中。这可以改变,但由于这是一个侧面项目,我希望找到解决这个问题的方法。

3 个答案:

答案 0 :(得分:2)

您是否看过MultiView控件?与Buttons或LinkBut​​tons结合使用可以得到相同的结果。

这个或jquery-ui标签之间的区别在于与默认的asp.net控件(如UpdatePanel)混合。使用MultiView,这更容易。

答案 1 :(得分:1)

我肯定会选择jQuery UI Tabs。我使用了自定义解决方案以及Ajax Control Toolkit Tabcontainer,我的客户经常提出使用jQuery UI选项卡更容易解决的需求。它更加灵活,同时为您提供了大量开箱即用的功能。

请在此处查看简单演示:http://jsfiddle.net/jimmysv/GTZvR/

答案 2 :(得分:0)

使用Ajax Toolkit Tab container ....易于使用和完整的框架支持