TAB可以在网页表单中使用吗？

Question

我是网络表单新手。对于我的新项目（个人），我计划使用网络表单，因为它满足我的大部分要求。但是我不确定 Tabs 是否可以在 Webform 中使用，因为它对我的项目非常重要。

我尝试了很多网站，但都在谈论 Windows 窗体。如果 Web 表单中可以使用 TAB，请指导我。

提前致谢。

Answer 1

好吧，请记住，几乎所有 Web 开发系统都可以使用和采用我们行业中的大多数（如果不是全部）标准工具。

所以，如果您想采用 Bootstrap 并与 Webform 一起使用，您可以。

因此，如果您想在 Webform 中采用和使用 jQuery 和 jQuery.UI，您可以。

所以，如果您想采用 React 并将其与 Web 表单一起使用，您可以。

因此，如果您想采用 Angular 并将其与 Web 表单一起使用，您可以。

因此，如果您想在此处采用其他一些“插入您最喜欢的框架”，那么在大多数情况下您可以将此类框架与 Webform 一起使用。

因此，我指出了上述内容，因为最终您可以自由使用引导选项卡、jQuery.UI 选项卡或 AjaxToolkit 中的选项卡。

换句话说，您问错了问题，因为您有几乎无限的网络选择。

我认为询问 asp.net Web 表单是否具有本机内置选项卡控件是公平的。我想有人会/可能会问这个问题，因为网络表单非常容易使用，并且再加上工具箱中的拖放控件，那么工具箱中的内置选项卡控件将“非常好” ，因为这样的控制将遵循 Webforms 闻名的易用性，以及为什么这么多年后，我们仍然看到有关 ASP.NET 和 WebForms 的 SO 领域的大量问题和活动。

那么，让我们举几个例子。

最接近内置选项的是 AjaxToolkit。如果您安装了 aj 工具包（您可以使用 NuGet 来执行此操作），那么您可以从工具箱中拖入选项卡控件。

看起来像这样：

并且，为了创建上述内容，我简单地将一个选项卡容器放到了 Web 表单上。

这个：

最终的标记：

<ajaxToolkit:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0">

    <ajaxToolkit:TabPanel runat="server" HeaderText="My Tab 1" ID="TabPanel1">
        <ContentTemplate>
            <h3>This is my tab 1 area</h3>
        </ContentTemplate>
    </ajaxToolkit:TabPanel>

    <ajaxToolkit:TabPanel runat="server" HeaderText="My Tab 2" ID="TabPanel2">
        <ContentTemplate>
            <h3>This is my tab 2 area</h3>
        </ContentTemplate>
    </ajaxToolkit:TabPanel>

</ajaxToolkit:TabContainer>

但是，我通常会放入单选按钮列表，并使用它来代替我的表格控件。 （我经常使用单选按钮列表，因为这种内置自动控制仅允许您选择一个选项）。

因此，在某些情况下，您很可能只使用简单的 RadioButton 列表。

单选按钮列表如下所示：

        <asp:RadioButtonList ID="RadioButtonList1" runat="server" Height="40px"
            RepeatDirection="Horizontal" CssClass="rMyChoice" ClientIDMode="Static"
            AutoPostBack="true" OnSelectedIndexChanged="RadioButtonList1_SelectedIndexChanged">
            <asp:ListItem>Upload Files</asp:ListItem>
            <asp:ListItem>My Files</asp:ListItem>
        </asp:RadioButtonList>

所以，加入一些样式（CSS），我就有了这个：

因此，网络领域的一大特色是您有很多选择，并且通常在大多数情况下，您可以“推出自己的”类型的 UI，并且无需付出太多努力即可做到这一点。

另一个不错的选择是 jQuery.UI 选项卡，它们工作得相当好。

它们看起来像这样：

这篇文章已经太长了，但我们甚至没有触及使用引导选项卡。

所以，长话短说？是的，您确实有很多选择。

但是，开箱即用，没有内置选项卡控件，但如前所述，这里有很多选择。