javascript - How To Active Bootstrap Tab after Button Click in ASP.NET -


i working in asp.net , use twitter bootstrap plugins. in form use tab. there 2 option in tab. #1 map , #2 address. submit form , save data database when data save want saved data shown in #2 tab (address tab). found many article in stackoverflow related it, not achieve this.

code:-asp

            <div class="map-panel">                 <ul class="nav nav-tabs">                     <li class="active"><a data-toggle="tab" href="#divmap">map</a></li>                     <li><a data-toggle="tab" href="#divaddress">address</a></li>                 </ul>                 <div class="tab-content">                     <div id="divmap" class="tab-pane fade in active">                         <div id="geomap" style="width: 100%; height: 450px;">                             <p>loading please wait...</p>                         </div>                     </div>                     <div id="divaddress" class="tab-pane fade">                         <asp:datalist id="dladdress" runat="server" cellpadding="4" forecolor="#333333" repeatcolumns="1" width="100%">                         </asp:datalist>                     </div>                 </div>             </div>

code:-javascript

$('#<%= btnsave.clientid %>').click(function () {             $('.nav-tabs > .active').next('li').find('a').trigger('click'); });

if use html submit button able active other tab through can't save data database. me.

did yout tried wrap both tabs inside same form? way send data both tabs server side script.


Comments

Post a Comment

Popular posts from this blog

javascript - AngularJS custom datepicker directive -

i make custom datepicker directive custom template. but have no idea how start building it... how include date data directive? i appreciate guide or give me advice work on more precisely. it might you! follow below steps html code sample: <label>birth date</label> <input type="text" ng-model="birthdate" date-options="dateoptions" custom-datepicker/> <hr/> <pre>birthdate = {{birthdate}}</pre> <script type="text/ng-template" id="custom-datepicker.html"> <div class="enhanced-datepicker"> <div class="proxied-field-wrap"> <input type="text" ui-date-format="yy-mm-dd" ng-model="ngmodel" ui-date="dateoptions"/> </div> <label> <button class="btn" type="button"><i class="icon-calendar"></i>
Read more

javascript - jQuery date picker - Disable dates after the selection from the first date picker -

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jquery ui datepicker - default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <script> $(function () { $("#datepicker1").datepicker(); }); </script> <script> $(function () { $("#datepicker2").datepicker(); }); </script> </head> <body> <p>date 1: <input type="text" id="datepicker1"></p> <p>date 2: <input type="t
Read more