Stimulsoft Reports Designer.Web

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.ru/videos
Документация: http://www.stimulsoft.ru/documentation
Загрузить последнюю версию можно здесь: http://www.stimulsoft.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 страницу

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.

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

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

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

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

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

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

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

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