By using this site you agree to the use of cookies for analytics and personalized content.
I agree Learn More
Статьи
Данные технические статьи охватывают широкий круг вопросов, связанных с различными особенностями Stimulsoft Reports. Интересные и полезные советы, подсказки, инструкции, фрагменты кода и др.

Share this post

Submit to FacebookSubmit to FacebookSubmit to TwitterSubmit to TwitterSubmit to GoogleSubmit to GoogleSubmit to LinkedInSubmit to LinkedInSubmit to VKSubmit to VK
Stimulsoft Reports имеет дизайнер отчетов для Web, который предоставляет полный набор средств для редактирования отчетов в web браузере. Благодаря компоненту Designer.Web конечные пользователи могут редактировать отчеты согласно их требованиям и сохранять их локально или на сервере. Все что необходимо сделать это вставить компонент дизайнер на ASP.NET web форму и написать одну строку кода, чтобы пользователи могли редактировать существующий отчет или создавать свой собственный. Данная возможность очень полезна при необходимости произвести небольшие корректировки в отчете, такие как изменение цвета шрифта или выравнивания текста или добавления полей к таблице или изменения положения нумерации страницы.

Среди наиболее ярких возможностей Stimulsoft Reports Designer.Web можно выделить следующие:

1) Независим от платформ (запускается под Adobe Flash®);
2) Применение функции Drag and drop при редактировании отчетов;
3) Опция сохранения отчета на web сервере или на компьютере пользователя;
4) Очень полезен для внесения небольших изменений в отчет самим пользователем;
5) Очень полезен при команде разработчиков, осуществляющих глобальную разработку.
Дополнительные ресурсы по изучению возможностей Stimulsoft Reports Designer.Web доступны здесь:
Видео уроки: http://www.stimulsoft.com/ru/videos
Документация: http://www.stimulsoft.com/ru/documentation
Загрузить последнюю версию можно здесь: http://www.stimulsoft.com/ru/downloads
Данные для примера отчета взяты из AdventureWork sample database предоставленные компанией Microsoft.
В данной статье подробно описано, как просто использовать дизайнер отчетов для Web:


1. Как добавить Reports Designer.Web на Web страницу
2. Как показать Reports Designer.Web при нажатии на кнопку Edit
3. Как создать простой табличный отчет в Designer.Web
4. Как добавить новую связь в отчете
5. Как добавить Источник Данных в отчете
6. Как добавить таблицу в отчете
7. Предварительный просмотр и сохранение отчета


1. Как добавить Reports Designer.Web на Web страницу

  • Перетащите StiWebDesigner1 из панели инструментов на web страницу

Add Reports Designer.Web to web page

2. Как показать Reports Designer.Web при нажатии на кнопку Edit

  • Перетащите кнопку Standard ASP.NET на страницу и напишите для нее текст "Edit Report";
  • Добавьте обработчик событий для кнопки Edit и добавьте следующую строку, чтобы показать Designer.Web.

protected void btnEdit_Click(object sender, EventArgs e)
{
    StiWebDesigner1.Design(new Stimulsoft.Report.StiReport());
}


3. Как создать простой табличный отчет в Designer.Web

  • Запустите свою web страницу в Debug режиме, нажав на кнопку Debug на панели инструментов в Visual Studio или нажав кнопку F5 на Вашей клавиатуре;
  • Нажмите кнопку Edit Report;
  • Reports Designer теперь открывается в Internet Explorer.

Create a simple table Report in Designer.Web
Create a simple table Report in Designer.Web

4. Как добавить новую связь в отчете

  • Выберите закладку Dictionary, которая находится справа в дизайнере отчетов;
  • Нажмите на иконку New Item Icon и выберите New Connection;
  • Выберите SQL Connection и нажмите OK;
  • Напишите строку соединений для базы данных AdventureWorks;
  • Нажмите test, чтобы убедиться, что строка соединений написана правильно.

Add a new connection to the report
Add a new connection to the report

5. Как добавить Источник Данных в отчете

  • Нажмите на иконку New Item на закладке Dictionary и выберите New Data Source;
  • Выберите данные из SQL Connection и нажмите Ok;
  • Укажите имя запроса в поле Name и Sales;
  • Укажите SQL запрос в поле Query Text;
  • Нажмите на Retrieve Columns, чтобы убедиться, что у Вас имеются все требуемые колонки;
  • Нажмите Ok, чтобы увидеть Sales Datasource в панели Dictionary;
  • Был использован следующий запрос в отчете:
 
SELECT [SalesOrderID]
[RevisionNumber],
[OrderDate],
[DueDate],
[ShipDate],
[Status],
[OnlineOrderFlag],
[SalesOrderNumber],
[PurchaseOrderNumber],
[AccountNumber],
[CustomerID],
[ContactID],
[SalesPersonID],
st.Name,
[BillToAddressID],
[ShipToAddressID],
[ShipMethodID],
[CreditCardID],
[CreditCardApprovalCode],
[CurrencyRateID],
[SubTotal],
[TaxAmt],
[Freight],
[TotalDue],
[Comment],
FROM [AdventureWorks].[Sales].[SalesOrderHeader] soh
Inner join [AdventureWorks].[Sales].[SalesTerritory] st on soh.TerritoryID = st.TerritoryID


Add a Data Source to the report
Add a Data Source to the report

6. Добавление Таблицы в отчет

  • Нажмите на иконку Menu и выберите Select New;
  • Выберите New Report with Wizard;
  • Выберите Standard Report и нажмите OK;
  • Расширьте соединение и выберите Sales в качестве источника данных;
  • Нажмите Next для выбора колонок;
  • Выберите все колонки, которые необходимо вывести;
  • Пройдите все шаги далее, либо с использованием настроек по умолчанию, либо настройте согласно своим требованиям;
  • Щелкните Ok, чтобы вывести отчет.

Add a Table to the report
Add a Table to the report
Add a Table to the report
Add a Table to the report

7. Предварительный просмотр и сохранение отчета

  • Помните, что необходимо отключить popup blocker для localhost;
  • Щелкните на закладке preview tab и выберите Preview as HTML;
  • Откроется всплывающее окно;
  • Переключитесь на окно дизайнера отчетов и щелкните на иконке меню;
  • Теперь выберите "Save As";
  • Щелкните снова Save если у Вас Demo версия;
  • Выберите любой локальный диск для сохранения отчета.

Preview and Save Report
Preview and Save Report
Preview and Save Report

Примечание:
1) Save As используется для загрузки отчета на локальный диск пользователя;
2) Save используется, чтобы сохранить отчет на стороне сервера.
TwitterTwitterFacebookFacebookRSSRSSLinked inLinked inYoutubeYoutubeStimulsoft BlogStimulsoft BlogViberViberWhatsAppWhatsAppSkypeSkypeTelegramTelegram