Как создать переключатель, который выступает в качестве контроллера вкладки весной MVC - PullRequest
0 голосов
/ 07 июня 2018

Я хочу иметь переключатели, которые действуют как контроллер вкладок, как показано ниже. Jsfiddle: http://jsfiddle.net/bizamajig/mju8gzwa/

Я создал то же самое в jsp с помощью тега Spring, как показано ниже. Я сталкиваюсь с нулевым исключениемв получении значения выбранной вкладки в моем контроллере. я хочу знать, какая вкладка выбрана, и на основе выбора вкладки я буду запрашивать разные данные.

как получить выбранную вкладку

  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 голосов
/ 07 июня 2018

Вы можете знать, какая вкладка активирована в настоящее время.Исходя из этого, вы можете запрашивать данные.

Просто добавьте приведенный ниже код в раздел javascript / Jquery вашего jfiddle.

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
      var target = $(e.target).attr("href") // activated tab
      $(target).show();
      alert(target);
    }); 
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...