Как обновить веб отчет FastReport.Core

2. How do I refresh a Web Report Viewer After Changing the Report.

https://forum.stimulsoft.com/viewtopic.php?f=13&t=58104

Что из себя представляет объект веб отчета? По сути это html контейнер с набором скриптов, которые позволяют осуществлять навигацию по страницам отчета и вызывать полезные функции, вроде печати и экспорта. А сам веб отчет – это отчет, экспортированный в html. Самым простым способом обновления части страницы будет использование iframe. Мы лишь будем подменять источник фрейма, а он сам получит по url частичное или полное представление с отчетом. Давайте рассмотрим пример, в котором на странице веб приложения выводится выпадающий список и фрейм. При выборе из выпадающего списка названия отчета - загружается объект веб отчета с соответствующим отчетом.

Для начала, в контроллере, нам понадобятся метод, возвращающий представление с объектом веб отчета:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

public IActionResult Update(string SelectedItem)
 {
 if (SelectedItem != null)
 {
 WebReport webReport = new WebReport();
 webReport.Report.Load($"App_Data/{SelectedItem}.frx");
 
 var dataSet = new DataSet();
 dataSet.ReadXml("App_Data/nwind.xml");
 webReport.Report.RegisterData(dataSet, "NorthWind");
 
 webReport.Width = "1000";
 webReport.Height = "1000";
 ViewBag.WebReport = webReport;
 } 
 return PartialView();
 } 

Метод имеет входной параметр SelectedItem – имя выбранного отчета.

Для этого метода нужно создать частичное представление с единственной строкой кода, которая отображает объект веб отчета:

@await ViewBag.WebReport.Render()

Представление для стартовой страницы Index будет выглядеть так:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

@{
 ViewData["Title"] = "Home Page";
}
 <div> 
 <select onchange="$('#partialViewDiv').attr('src', '/Home/Update?SelectedItem='+this.value)" id="report">
 <option disabled selected>default</option>
 <option>Lines</option>
 <option>Simple list</option>
 <option>Barcode</option> 
 </select>
 </div>
 <table>
 <tr>
 <td>
 <iframe id="partialViewDiv" width="1000" height="1000"></iframe> 
 </td>
 </tr>
 </table>

Сначала, мы отображаем на форме выпадающий список с тремя доступными отчетами. В обработчике события onclick списка, мы присваиваем фрейму url источника. Сам url содержит путь к веб методу с указанием параметра. Значение параметра берется из выбранного элемента выпадающего списка. Ниже, выводится фрейм.

Запустим приложение. Выбираем из выпадающего списка отчет:

И получаем его:

Таким образом, частичное обновление страницы за счет использования фрейма реализуется очень просто.