Invalidace snipetu a tabs od Twitter Bootstrap

czm4rty

Zdravím, potřeboval bych poradit, jak při invalidaci formuláře zůstat na stejné záložce. (tab je součástí formuláře)

Používám nette.ajax.js a tabs od Twitter bootstrap


{snippet form}
<ul id="myTab" class="nav nav-tabs">
       <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
       <li><a href="#profile" data-toggle="tab">Profile</a></li>
</ul>
{control myForm}

{/snippet}

Editoval czm4rty (27. 8. 2013 22:02)

iguana007

Píše se to přímo v dokumentaci bootstrapu, na kterou odkazuješ:

You can activate individual tabs in several ways:

$('#myTab a[href="#profile"]').tab('show'); // Select tab by name
$('#myTab a:first').tab('show'); // Select first tab
$('#myTab a:last').tab('show'); // Select last tab
$('#myTab li:eq(2) a').tab('show'); // Select third tab (0-indexed)

Takže si při té invalidaci ještě do template předej, který tab se má aktivovat a spusť některý z výše uvedených Javascript kódů, který bude odpovídat tvé konkrétní potřebě.

czm4rty

Ahoj,ještě bych se chtěl zeptat na radu, jak při invalidaci předat aktuální tab?

// Edit

přišel jsem na toto řešení:

    $.nette.ext('keepActiveTab', {
        before: function(xhr, settings) {
            if (settings.nette && settings.nette.isSubmit) {
                var el = $('#form-tabs li.active');
                this.activeTab = el.parent().children().index(el);
            }
        },
        success: function() {
            if (this.activeTab) {
                $('#form-tabs li:eq('+this.activeTab+') a').tab('show');
            }
        }
    });

Editoval czm4rty (28. 8. 2013 15:11)