перезагрузите ту же вкладку по нажатию кнопки отправки и загрузите данные или откройте представление при нажатии на вкладку

Question

У меня есть панель администратора и вкладки в этом представлении.то, что я хочу сделать, это загрузить другое представление, чтобы показать данные для разных нажатых вкладок или загрузить ту же вкладку, когда на вкладке нажата кнопка отправки.это мой админ-панелькнопки отправки.Я фильтрую данные через текстовое поле и нажимаю кнопку.

Answer 1

Я решил проблему с помощью JavaScript.взял идентификатор вкладки и использовал if else в контроллере для отображения представления во вкладках.спасибо всем за помощь.

<script>
var url = document.location.toString();
if (url.match('#')) {
    // $('.nav-tabs a[href="#' + url.split('#')[1] + '"]').tab('show');
}

// Change hash for page-reload
$('.nav-tabs a').on('shown.bs.tab', function (e) {
    window.location.hash = e.target.hash;
});


$(document).ready(function () {
// $('#tabMenu a[href="#{{ old('tab') }}"]').tab('show');

var baseurl= "{{url('/')}}";
var token ="{{csrf_token()}}";
$(document).off('click','.navtab');
$(document).on('click','.navtab',function(response){
    var tabid = $(this).attr('id');
    var url =baseurl+'/gettabdata';
    var infoData ={tabid:tabid,_token:token};
    $.post(url,infoData,function(response){
        console.log(response);
        $('.tab-content').html(response);
    })
    alert(tabid);
});

$(document).off('click','.savedata');
$(document).on('click','.savedata',function(response){
    $('#mainForm').ajaxSubmit({
        // dataType:'json',
        success:function(response){
            console.log(response);
        }
    })
});
        });
// Javascript to enable link to tab
$(function () {
                var hash = window.location.hash;
                // hash && $('ul.nav a[href="' + hash + '"]').tab('show');
            });
</script>

Answer 2

         <form method="post" action="{{url('/admindash')}}">
       {{ csrf_field() }}
      <input type="hidden" name="_token" value="{{csrf_token()}}">
         <h1>Attendance Data</h1>
            <br />


copy and paste it
when you use form it is important to add {{ csrf_field() }} after form tag

Answer 3

Я предлагаю отправить с # и именем вкладки.

<form method="POST" action="<?= $_SERVER['REQUEST_URI'] ?>#tabname">

Затем добавьте несколько JS, например:

var url = document.location.toString();
if (url.match('#')) {
    $('.nav-tabs a[href="#' + url.split('#')[1] + '"]').tab('show');
}

// Change hash for page-reload
$('.nav-tabs a').on('shown.bs.tab', function (e) {
    window.location.hash = e.target.hash;
})

Answer 4

В вашей форме вы можете добавить скрытое поле с идентификатором табуляции и в контроллере, когда вы делаете перенаправление после отправки, используйте его. Вам нужно добавить идентификатор вкладки в URL перенаправления