سلام

اولا یه پارشیال ویو بساز هرکدوم بره اون اطلاعاتی که میخای بیاره نشون بده

مثلا:

public PartialViewResult ShowDetails(int TabID)
        {
            var Tab= db.TblTab.SingleOrDefault(x => x.TabID== TabID);
         
            return PartialView(Tab);
        }

برای تب یه کد درنظر بگیر

کد بالا اطلاعات داخل تب رو میاره، کافیه با Ajax وقتی روی تب کلیک کردی اطلاعاته اون تب رو بیاره

برای تب هم میتونی از Css و خوشگلاسیون استفاده کنی!!! ( نمونه کد تو همین سایت زیاد هست)

اینم آموزش W3School برای ساخت Tab

آقا خیلی مخلصیم . دستت درد نکنه 

من از این کد اسفاده کردم 

برای view : 

<ul class="tab" >
    <li><a href="javascript:void(0)" id="isaccept" class="tablinks" onclick="openCity(event, 'isaccept')">کالاهای تایید شده </a></li>
    <li><a href="javascript:void(0)" id="noaccept" class="tablinks" onclick="openCity(event, 'noaccept')">کالاهای تایید نشده </a></li>

</ul>

<div id="isaccept" class="tabcontent">

</div>

<div id="noaccept" class="tabcontent">

</div>



@section scripts{
<script src="~/Scripts/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
    <script>
        function openCity(evt, cityName) {
            // Declare all variables
           var i, tabcontent, tablinks;

            // Get all elements with class="tabcontent" and hide them
            tabcontent = document.getElementsByClassName("tabcontent");
            for (i = 0; i < tabcontent.length; i++) {
                tabcontent[i].style.display = "none";
            }
            

            // Get all elements with class="tablinks" and remove the class "active"
            tablinks = document.getElementsByClassName("tablinks");
            for (i = 0; i < tablinks.length; i++) {
                tablinks[i].className = tablinks[i].className.replace(" active", "");
            }

            // Show the current tab, and add an "active" class to the link that opened the tab
            document.getElementById(cityName).style.display = "block";
            evt.currentTarget.className += " active";
        }
    </script>
<script >
    $(function () {
        
        $("#isaccept").click(function () {
            $.ajax({
                url: "/Products/GetUserProList",
                data: { accept:true },
                type: "Post",
                dataType: "Html",
                success: function (result) {
                    $("#isaccept").html(result)
                }
                ,
                error: function () {
                    alert("خطا!");
                }
            })
        })
    })
  </script>

حالا میخوام تو قسمت ارسال دیتا به اکشن ، id تبی که روش فعاله ارسال بشه به جای true , false 

ینی میخوام ID یکی از تب هارو بزارم true و اون یکی false بعد توی باکس سرچ هم استفاده کنم ازش . امیدوارم منظورمو متوجه شده باشید