2013-10-22 68 views
1

我正在使用引导程序tab.I实际上有三个部分。默认第一部分是selected.Suppose如果我移动到第2部分,则应刷新第2部分的数据。 其实我在第1部分和第2部分的注册表格中查看了resgitered用户。所以假设我在第1部分中输入了一些细节,然后将其插入到数据库中。现在,除非刷新第2部分,否则我不会从数据库中获取新值。请告诉我如何解决refresh.Alternate也欢迎是否可以刷新引导程序标签

<div class="tabbable" id="myTabs"> 
    <ul class="nav nav-tabs"> 
    <li><a id="tabAll">All</a></li> 
    <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li> 
    <li><a href="#tab2" data-toggle="tab">Section 2</a></li> 
    <li><a href="#tab3" data-toggle="tab">Section 3</a></li> 
    </ul> 
    <div class="tab-content"> 
    <div class="tab-pane active" id="tab1"> 
     <p>I'm in Section 1.</p> 
    </div> 
    <div class="tab-pane" id="tab2"> 
     <p>Howdy, I'm in Section 2.</p> 
    </div> 
    <div class="tab-pane" id="tab3"> 
     <p>Howdy, I'm in Section 3.</p> 
    </div> 
    </div> 
</div> 
<script> 
$('#tabAll').click(function(){ 
    $('#tabAll').addClass('active'); 
    $('.tab-pane').each(function(i,t){ 
    $('#myTabs li').removeClass('active'); 
    $(this).addClass('active'); 
    }); 
}); 
</script> 

回答

1

当你点击第2标签对您的DB Ajax调用,以获取新的价值。 另一种选择是在您提交表单后(我假设您也使用ajax做到这一点),在您的表单提交事件的ajax成功处理程序中简单地加载一个新内容到“#tab2”div,然后执行刷新操作

+0

+1帮助。我想过使用ajax,但我不知道为什么ajax不能在bootstrap中工作。尽管我知道ajax与bootstrap.please无关这个链接(我昨天发布)http://stackoverflow.com/questions/19494510/jsp-ajax-not-working – SpringLearner

+0

你应该使用jQuery的ajax(http://api.jquery.com/jQuery.ajax/) –

+0

你可以请尝试解决这个问题http://stackoverflow.com/questions/19494510/jsp-ajax-not-working – SpringLearner

相关问题