2016-08-05 12 views
0

私はAJAX Toolkitのタブコンテナとタブパネルを使って開発されたWebツール(スクリプトファイルジェネレータ)を持っています。ここでAJAX Toolkitのタブコンテナを使用せずにASP.NETとC#を使用してWebページを作成するには?

は、Webツールが何をするかです:

  1. タブ1:ユーザーからIDを取得し、 にDB
  2. タブ2接続して同じことを検証します。ファイルとチェックをアップロードするようにユーザーにプロンプ​​トをフォーマット
  3. タブ3:ユーザがアイテム
  4. のリストを選択することができタブ4:選択した項目に基づいて、スクリプトファイルを作成し、ユーザが
  5. タブ5ファイルを編集することを可能にする:許可スクリプトファイルをダウンロードするユーザー

私は他のオプションはありますか?AJAXのタブコンテナを使用する代わりに、どのようなオプションがありますか? 私はので、これを好きではないのです。(私はボタンにdefaultButtonプロパティを結んだと私は、対応する自動生成されたクラスからActiveTabIndexをインクリメントすることができる午前ではなく、ときに私、私はdefaultButtonプロパティを使用する際にタブが困難になってきているスイッチング

  1. UIは楽しいものではなく、Webページにタブコントロールを表示する最も一般的な方法の一つはTwitter Bootstrap Tabsを使用している瞬間に変化
+1

ブートストラップ「TabPanels」 – jonju

+0

を使用して手順を実行できますか? –

+0

[Tab Panel](https://codepen.io/wizly/pen/BlKxo/)の作成についてはこれを確認してください – jonju

答えて

1

を行うことが困難となり、以下のaは

  • )defaultButtonプロパティを使用します初心者のための完全な例:

    <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> 
    
  • +0

    C#クラスをタブにリンクする方法を教えてください。たとえば、タブ1では、ユーザーが番号を入力します。私は、ユーザーが入力した数字を取得し、DBに接続し、ユーザーの入力番号に基づいて値を取得するC#クラスを持っています。 –

    +0

    テキストボックスとボタンコントロールをtab1に配置する - >ボタンのクリックイベントを処理する - >データベースと対話するコードの中にC#コードを書き込む –

    関連する問題