В настоящее время я использую 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;
}
@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;
@Model
- это код бритвы - он анализируется на сервере перед отправкой на просмотр. Код, такой какvar accessToken = "@Model[selected].EmbedToken.Tokне работает, потому что
selected
- это переменная javascript, которой на данный момент не существует.