如何在spring mvc中创建一个充当制表符控制器的单选按钮

时间:2018-06-07 16:32:01

标签: spring-mvc jsp

我希望有一个单选按钮作为标签控制器,与下面的jsfiddle相同:http://jsfiddle.net/bizamajig/mju8gzwa/

我在jsp中用spring标签创建了同样的东西,如下所示。我在控制器中获取选定的选项卡值时面临null异常。我想知道选择哪个选项卡并根据选项卡选择我会查询不同的数据

如何选择哪个标签

  enter code here
  <div class="container">
  <div class="row">
    <div id="tab" class="btn-group" data- toggle="buttons">
        <a href="#daily" class="btn btn-default 
                            active" data-toggle="tab">
            <form:radiobutton path="recurrence" value="d" />Daily</a>
        <a href="#features" class="btn btn-default" data-toggle="tab">
            <form:radiobutton path="recurrence" value="w" />Weekly</a>
        <a href="#requests" class="btn btn-default" data-toggle="tab">
            <form:radiobutton path="recurrence" value="m" />Monthly</a>
        <a href="#contact" class="btn btn-default" data-toggle="tab">
            <form:radiobutton path="recurrence" value="o" />Once</a>
    </div>

    <div class="tab-content">
        <div class="tab-pane active" id="prices">Prices content</div>
        <div class="tab-pane" id="features">Features Content</div>
        <div class="tab-pane" id="requests">Requests Content</div>
        <div class="tab-pane" id="contact">Contact Content</div>
    </div>
   </div>
  </div>

有人请帮忙让这个工作吗?

1 个答案:

答案 0 :(得分:0)

您可以知道当前激活了哪个标签。基于此,您可以查询数据。

只需在jfiddle的javascript / Jquery部分添加以下代码即可。

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
      var target = $(e.target).attr("href") // activated tab
      $(target).show();
      alert(target);
    });