RenderAction or RenderPartial dynamically

Question

I have this view that has the following code:

    @model  ComPost.Core.CommandsAndQueries.Contract.DataContract.DepositDetailDTO

@section scripts
{
    <script src="~/Scripts/DataTables-1.9.4/media/js/jquery.dataTables.js"></script>
    <script src="~/Scripts/jquery.datatables.bootstrap-pagination.js"></script>
    <script src="~/js/DepositDetail.js"></script>
}

    @Html.RenderAction(new { Action = "DepositDetailOverview", Controller = "Deposit" }, new { id = @Model.Id })

My controller has the following code :

        public ActionResult DepositDetail(int id, int tabIndex = -1)
    {
        ViewBag.DepositId = id;
        ViewBag.ActionMethodForPartialView = this.GetControllerActionForTabIndex(tabIndex);
        DepositDetailDTO depositDetailDTO = this.QueriesServiceAgent.Call(s => s.GetDepositDetailForId(id));
        return View(depositDetailDTO);
    }

    public PartialViewResult DepositDetailOverview(int id)
    {
        ViewBag.DepositId = id;
        DepositOverviewScreenDTO depositOverviewScreenDTO = this.QueriesServiceAgent.Call(s => s.GetDepositOverviewForId(id));
        return PartialView(depositOverviewScreenDTO);
    }

    private string GetControllerActionForTabIndex(int tabIndex)
    {
        if (tabIndex <= 0)
        {
            return "DepositDetailOverview";
        }
        else if (tabIndex == 1)
        {
            return "DepositMailingLists";
        }
        return "DepositFinalize";
    }

When we go to the DepositDetail-screen, we call the "DepositDetail"-method on the controller. This calls the helper-method which returns the name of the action to be called to get the partialview.

I can't seem to get it working. What am I missing?

Answer 1

OK, a colleague of mine found the solution.

The solution was in the js-file. This should look as follows :

    $(document).ready(function () {

    // Upon every page refresh, the tab with the current tab index is highlighted
    var currentTabIndex = $('#MainTabs').data("tabindex");
    $('#MainTabs li:eq('+ currentTabIndex +') a').tab('show');

    if (currentTabIndex == 1) {
        loadMailingListsForDepositTable();
    }
    if (currentTabIndex == 2) {
        LoadFinalizeInformation();
    }

    // wire up the tab clicked event, which requests a full page reload on the new tab index
    $('#MainTabs').click(function (e) {
        e.preventDefault();
        var nextTabIndex = $('#MainTabs li a:active').data('index');
        var depositId = $("#MainTabs").data("depositid");
        var dataSourceUrl = $("#MainTabs").data("datasourceurl").replace("-1", depositId).replace("-2", nextTabIndex);
        document.location.href = dataSourceUrl;
    });

});

var LoadFinalizeInformation = function () {
    document.getElementById('OverrideCheckox').onchange = function () {
        document.getElementById('OverrideReason').disabled = !this.checked;
        document.getElementById('DepositProductSelect').disabled = !this.checked;
    };
}

var loadMailingListsForDepositTable = function () {
    // do other stuff here.
}

And for the partialviews we don't have a separate js-file.