如何在不使用AJAX工具箱的標簽容器的情況下使用ASP.NET和C＃創建網頁？

Question

我有一個使用AJAX工具包的“標簽容器”和“標簽面板”開發的網絡工具（腳本文件生成器）。

這是網絡工具的作用：

1. 選項卡1：從用戶獲取ID，並通過連接到數據庫來驗證ID
2. 標簽2：提示用戶上傳文件並檢查格式
3. 標簽3：允許用戶選擇項目列表
4. 選項卡4：基於所選項目創建腳本文件，並允許用戶編輯文件
5. 標簽5：允許用戶下載腳本文件

除了使用AJAX的標簽容器外，我還有哪些其他選擇？ 我不喜歡這樣，因為：

1. 當我使用DefaultButton屬性時，切換Tab變得很困難（我將DefaultButton屬性綁定到一個按鈕，並且能夠從相應的自動生成的類中增加ActiveTabIndex，但是當我使用DefaultButton屬性時卻不能）
2. 用戶界面不令人滿意，並且很難進行更改

Answer 1

目前，在網頁上顯示標簽控件的最流行的方法之一是使用Twitter Bootstrap Tabs ，下面是一個完整的示例來幫助您入門：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script type="text/javascript">
    $(function () {
        $('#tabs').tab();

        $("#btnGoToTab2").click(function () {
            $('#tabs a[href="#tabTwo"]').tab('show')
        });

        $("#btnGoToTab1").click(function () {
            $('#tabs a[href="#tabOne"]').tab('show')
        });
    });
</script>
<div id="content">
    <ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
        <li><a href="#tabOne" data-toggle="tab">Tab One</a></li>
        <li><a href="#tabTwo" data-toggle="tab">Tab Two</a></li>
    </ul>
    <div id="my-tab-content" class="tab-content">
        <div class="tab-pane active" id="tabOne">
            <h1>Tab One</h1>
            <input id="btnGoToTab2" type="button" value="Go To Tab 2" />
        </div>
        <div class="tab-pane" id="tabTwo">
            <h1>Tab Two</h1>
            <input id="btnGoToTab1" type="button" value="Back To Tab 1" />
        </div>
    </div>
</div>