djangoフォームテンプレートをクリックしてアクティブなタブを取得する

Question

私は最初のDjangoアプリケーションを開発しており、それを最適化したいと考えています。フォームテンプレートで最後にアクティブなタブを取得するにはどうすればよいですか？私は作成または更新フォームからページ上の最後のアクティブなタブにリダイレクトしたいです。私はJavaScriptの知識がないので、私はいくつかの助けを望んでいます。

私はちょうど私のHTMLに追加します。

<script type="text/javascript"> 

     $('a[data-toggle="tab"]').click(function (e) { 
      e.preventDefault(); 
      $(this).tab('show'); 
     }); 

     $('a[data-toggle="tab"]').on("shown.bs.tab", function (e) { 
      var id = $(e.target).attr("href"); 
      localStorage.setItem('selectedTab', id) 
     }); 

     var selectedTab = localStorage.getItem('selectedTab'); 
     if (selectedTab != null) { 
      $('a[data-toggle="tab"][href="' + selectedTab + '"]').tab('show'); 
     } 
</script> 

Answer 1

ユーザーインターフェイス（アクティブなタブ）の情報を投稿するために探している、あなたが何らかの形で自分のフォームにそれを配置する必要がありますしようとしている場合。私の好みはJavaScript（これは理解しやすいかもしれないので、ちょうどjQueryに表示します）は、フォームに隠れたフィールドを更新するためにイベントをタブに付け加えたり（既存のイベントを変更して）あなたは、フォームでのタブの値を持つ必要がありますが、あなたは値を保持するためにforms.HiddenInput()のウィジェットタイプを使用してDjangoのフォームの定義に新しいフィールドを追加する必要があり、その後、更新することで例えば、

$(function() { 
// assumes an id=myhiddenfield on html element 
var form_field = $('#myhiddenfield'); 
// assumes your tabs all have a class of 'tabs', adds click element 
$('.tabs').on('click', function (e) { 
    e.preventDefault(); 
    // assign current tab's html id to form field 
    form_field.val(this.id); 
}); 
}) 

myhiddenfieldをその入力のCSS idの名前で置き換えます。

最新の質問

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.

 関連する問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.