替换 IE Web 控件 多页控件

发布于 2024-10-17 21:47:56 字数 1365 浏览 5 评论 0原文

我有一个 Intranet Web 项目,当前正在使用 IEWC 选项卡条和多页控件< /a>.

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

我正在考虑的一种方法是使用 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>

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

I have an intranet web project that is currently using the IEWC tabstrip and multipage controls.

Since these are very out of date, and cause lots of issues when trying to support multiple browsers, I am trying to find a good way to replace these controls, preferably without and drastic changes to the site's design or usability.

One method I am considering is using jquery UI tabs, which looks like it might work in a similar fashion.

How can I replace these outdated controls?

Current snippet:

<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>

One of the issues I am running into is that the site was originally designed with the expectation that the controls on every tab would be included in the page for every request. This could be changed, but as this is a side project, I'm hoping to find a way to work around this.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

〗斷ホ乔殘χμё〖 2024-10-24 21:47:56

您是否查看过 MultiView 控件?与 Button 或 LinkBut​​ton 结合,您可以获得相同的结果。

此选项卡或 jquery-ui 选项卡之间的区别在于与 UpdatePanel 等默认 asp.net 控件的混合。使用多视图,这会更容易。

Did you look at the MultiView control? Combined with Buttons or LinkButtons you can get the same result.

The difference between this or the jquery-ui tabs is the blending in with default asp.net controls like UpdatePanel. With a MultiView this is easier.

故事和酒 2024-10-24 21:47:56

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

请参阅此处的简单演示:http://jsfiddle.net/jimmysv/GTZvR/

I would definitely go with jQuery UI Tabs. I've used custom solutions as well as the Ajax Control Toolkit Tabcontainer and my clients have often come up with requirements that was way easier to solve with jQuery UI Tabs. It's just more flexible and at the same time gives you a lot of functionality out of the box.

See simple demo here: http://jsfiddle.net/jimmysv/GTZvR/

一袭水袖舞倾城 2024-10-24 21:47:56

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

Use Ajax Toolkit Tab container.... easy to use and full framework support

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文