Использование javascript-переменной в вызове MVC на стороне сервера

1

В настоящее время я использую power BI для включения отчетов в веб-приложение, и я хочу создать функциональность для переключения между отчетами в группе с помощью раскрывающегося списка. Мне удалось заполнить раскрывающийся список соответствующими данными, но теперь я пытаюсь фактически переключаться между отчетами. Я могу успешно это сделать, если я жестко закодирую номер в вызове на стороне сервера, но, очевидно, это не масштабируется и не является решением. Ниже мой cshtml Мне нужен способ для вызовов "@Model" в reportSelector.onchange, чтобы иметь возможность видеть выбранную переменную.

@model TaskWebApp.Models.EmbedConfig[]

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@if (!string.IsNullOrEmpty(Model[0].ErrorMessage))
{
    <div id="errorWrapper">
        <h2>
            Error
        </h2>
        @Model[0].ErrorMessage
    </div>

    return;
}

<div>
    <p>Select report</p>
    <select id="reportSelector"></select>
</div>
<div id="reportContainer"></div>

<script>
    // Read embed application token from Model
    var accessToken = "@Model[0].EmbedToken.Token";

    // Read embed URL from Model
    var embedUrl = "@Html.Raw(Model[0].EmbedUrl)";

    // Read report Id from Model
    var embedReportId = "@Model[0].Id";

    // Get models. models contains enums that can be used.
    var models = window['powerbi-client'].models;

    // Embed configuration used to describe the what and how to embed.
    // This object is used when calling powerbi.embed.
    // This also includes settings and options such as filters.
    // You can find more information at https://github.com/Microsoft/PowerBI-JavaScript/wiki/Embed-Configuration-Details.
    var config = {
        type: 'report',
        tokenType: models.TokenType.Embed,
        accessToken: accessToken,
        embedUrl: embedUrl,
        id: embedReportId,
        permissions: models.Permissions.All,
        settings: {
            filterPaneEnabled: true,
            navContentPaneEnabled: true
        }
    };
    // Get a reference to the embedded report HTML element
    var reportContainer = $('#reportContainer')[0];

    // Embed the report and display it within the div container.
    var report = powerbi.embed(reportContainer, config);

    var reportSelector = $('#reportSelector')[0];
    var optionString = "@Html.Action("PopulateDropdown", "Embed", Model[0].Reports)";
    reportSelector.onchange = function () { 
        var selected = this.selectedIndex;
        var accessToken = "@Model[selected].EmbedToken.Token";

        // Read embed URL from Model
        embedUrl = "@Html.Raw(Model[selected].EmbedUrl)";

        // Read report Id from Model
        embedReportId = "@Model[selected].Id";

        // Get models. models contains enums that can be used.
        models = window['powerbi-client'].models;

        // Embed configuration used to describe the what and how to embed.
        // This object is used when calling powerbi.embed.
        // This also includes settings and options such as filters.
        // You can find more information at https://github.com/Microsoft/PowerBI-JavaScript/wiki/Embed-Configuration-Details.
        config = {
            type: 'report',
            tokenType: models.TokenType.Embed,
            accessToken: accessToken,
            embedUrl: embedUrl,
            id: embedReportId,
            permissions: models.Permissions.All,
            settings: {
                filterPaneEnabled: true,
                navContentPaneEnabled: true
            }
        };
        var report = powerbi.embed(reportContainer, config);
    }
    reportSelector.innerHTML = optionString;
</script>

Сообщите мне, нужно ли видеть модель или контроллер. Любая помощь приветствуется, поскольку я несколько новичок в MVC и борюсь с тем, что не могу использовать переменные так, как я хочу.

Изменение: функция, которая создает выпадающее меню:

public string PopulateDropdown(ODataResponseListReport reports)
        {
            foreach (Claim claim in ClaimsPrincipal.Current.Claims)
            {
                if (claim.Type == "extension_GroupID")
                {
                    GroupId = claim.Value;
                }
            }
            string retVal = "";
            for (int i = 0; i < reports.Value.Count; i++)
            {
                retVal += "<option>" + reports.Value.ElementAtOrDefault(i).Name + "</option>";
            }
            return retVal;
        }
  • 0
    Какой выпадающий список? И @Model - это код бритвы - он анализируется на сервере перед отправкой на просмотр. Код, такой как var accessToken = "@Model[selected].EmbedToken.Tokне работает, потому что selected - это переменная javascript, которой на данный момент не существует.
  • 0
    я добавил функцию, которая создает раскрывающийся список в контроллере
Показать ещё 3 комментария
Теги:
asp.net-mvc
asp.net-mvc-4
powerbi-embedded

1 ответ

2
Лучший ответ

@Model - это код бритвы и анализируется на сервере перед его отправкой в представление. Использование var accessToken = "@Model[selected].EmbedToken.Token"; и т.д. выдает ошибку, поскольку selected является переменной javascript, которая не существует в этой точке - ее не в области.

Вы можете присвоить свою модель массиву javascript, используя

var model = var model = @Html.Raw(Json.Encode(Model))

а затем получить доступ к нему с помощью индексатора

var accessToken = model[selected].EmbedToken.Token;

Ещё вопросы

Сообщество Overcoder
Наверх
Меню