beholde bootstrap tabs efter et postback
Jeg bruger bootstrap tabs og jeg har fundet frem til noget javascript der få min tabs til at blive hvor den er ved postback,men problemet er at jeg skal dobbelklikke for at få mine dynamiske textboxe frem, jeg har en textbox hvor jeg kan vælge hvor mange textboxe jeg skal bruge og det virker fint bortset fra jeg skal dobbelt klikke på opret antal boxe knappen før de viser sig, men så kommer de også, og når jeg trykker gem så gemmer den fint men den redirecter ikke til den første tab som er en oversigt over Disipliner jeg har oprettet, så hvordan undgår jeg at skulle dobbelt klikke og hvordan får jeg den til at redirecte,
jeg har prøvet med updatepanel og jeg har prøvet med et hiddenfield
min HTML
<div id="wrapper">
<div id="page-content-wrapper">
<div class="row">
<div class="col-sm-12">
<h1>Disipliner</h1>
<p>Opret en eller flere disipliner ad gangen.</p>
<br />
</div>
</div>
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist" id="myTab">
<li role="presentation" class="active"><a href="#visForening" aria-controls="home" role="tab" data-toggle="tab">Disipliner</a></li>
<li role="presentation"><a href="#opretForening" aria-controls="profile" role="tab" data-toggle="tab">Opret disiplin(er)</a></li>
<li role="presentation"><a href="#redigerForeninger" aria-controls="messages" role="tab" data-toggle="tab">Rediger Disiplin</a></li>
</ul>
<!-- Panel 1 -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="visForening">
<br />
<table class="table table-hover table-bordered">
<asp:Literal ID="litVisDisipliner" runat="server" />
<asp:PlaceHolder ID="phlDisipliner" runat="server"></asp:PlaceHolder>
</table>
</div>
<!-- Panel 2 -->
<div role="tabpanel" class="tab-pane fade" id="opretForening">
<div class="form-group"></div>
<div class="col-sm-4">
<%-- Indhold --%>
<asp:TextBox ID="txtTal" runat="server" />
<asp:Button ID="btnAntal" runat="server" Text="Antal" OnClick="btnAntal_Click" />
<asp:Label ID="lblError" runat="server" Text="Du skal vælge et antal kolloner"/>
<hr />
<br />
<asp:PlaceHolder ID="plh1" runat="server"></asp:PlaceHolder>
<br />
<asp:Button ID="btnGem" runat="server" Text="Test" OnClick="btnGem_Click1" />
<br />
<asp:Literal ID="litMsg" runat="server" />
</div>
</div>
<!-- Panel 3 -->
<div role="tabpanel" class="tab-pane fade" id="redigerForeninger">
<br />
<table class="table table-hover table-bordered">
<asp:Literal ID="litRedigerDisipliner" runat="server" />
</table>
</div>
</div>
</div>
</div>
Javascript i header for at holde tabs åben ved postback
<script src="../js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('a[data-toggle="tab"]').on('show.bs.tab', function (e) {
localStorage.setItem('activeTab', $(e.target).attr('href'));
});
var activeTab = localStorage.getItem('activeTab');
if (activeTab) {
$('#myTab a[href="' + activeTab + '"]').tab('show');
}
});
</script>
min kode i page_Load
ViewState["AddTxt"] = "true";
if (Session["Antal"] != null)
{
_antal = Convert.ToInt32(Session["Antal"]);
if (Convert.ToString(ViewState["AddTxt"]) == "true")
{
AddTxt(_antal);
}
}
En metode vi har fået den ligger i codebehind samme sted som Page_Load
public void AddTxt(int number)
{
for (int i = 0; i < number; i++)
{
//servercontrol i codebehind for txtbox
TextBox txt = new TextBox();
//Id på servercontrollen textbox
txt.ID = "txt_" + i;
//servercontrol button
Button btnSubmit = new Button();
//id på servercontrol button
btnSubmit.ID = "btn_" + i;
//text der vises til brugeren på knappen
btnSubmit.Text = "Ok";
btnSubmit.Click += new EventHandler(btnSubmit_Click);
plh1.Controls.Add(new LiteralControl("<div>"));
plh1.Controls.Add(txt);
plh1.Controls.Add(btnSubmit);
plh1.Controls.Add(new LiteralControl("</div>"));
}
}
Knappen opret antal
protected void btnAntal_Click(object sender, EventArgs e)
{
Session["Antal"] = txtTal.Text;
// Response.Redirect("disipliner.aspx#tab_opretForening");
}
og knappen gem det hele
protected void btnGem_Click1(object sender, EventArgs e)
{
try
{
//Opretter en tom variabel som skal bruges til at sende data ind til databasen
string str = "";
for (int i = 0; i < Convert.ToInt32(Session["Antal"]); i++)
{
// - + i - ligger et tal til hver gang loopen køre.
TextBox txt = (TextBox)plh1.FindControl("txt_" + i);
if (txt.Text != "")
{
//Metode til DB
// txt.Text + "," - bruges til at skille rows fra hinanden
str += txt.Text + ",";
}
else
{
litMsg.Text = "test";
}
}
//her trimmer jeg komma væk så det ikke tages med i DB
str = str.TrimEnd(',');
//her forbinder jeg min - str - variabel med databaseb - Opret -
objAdd.opret(str);
Response.Redirect("disipliner.aspx#tab_opretForening");
}
catch (Exception)
{
}
}
Der er en del kode men jeg ved ikke helt hvor jeg fejler
