Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,15 @@ author: Anna Gubareva
---
# Bind Report Controls to Data (Expression Bindings)

You can use the following approaches to include a data source's information in your report:
You can use the following approaches to include data source information in your report:

* [Use the Field List](#use-the-field-list)
* [Use the Smart Tag](#use-the-smart-tag)
* [Use the Property Grid](#use-the-property-grid)

## Use the Field List

After you [bind your report to data](../bind-to-data.md), the [Field List](../report-designer-tools/ui-panels/field-list.md) panel displays the data source's hierarchy and provides access to the available data fields.
After you [bind your report to data](../bind-to-data.md), the [Field List](../report-designer-tools/ui-panels/field-list.md) panel displays the data source hierarchy and provides access to available data fields.

Drop a data field from this panel onto a report's surface to create a new report control bound to the corresponding field.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,23 +4,23 @@ author: Anna Vekhina
---
# Table Reports

This tutorial describes how to create a data-bound report displaying information in a tabular format. Table reports should not be confused with hierarchical [master-detail reports](master-detail-reports-with-detail-report-bands.md), nor with [cross-tab reports](cross-tab-reports.md).
This tutorial describes how to create a data-bound report that displays information in a tabular format. Table reports should not be confused with hierarchical [master-detail reports](master-detail-reports-with-detail-report-bands.md), nor with [cross-tab reports](cross-tab-reports.md).

![](../../../images/eurd-web-table-report-result.png)

1. [Create a new report](../add-new-reports.md) or [open an existing one](../open-reports.md).

2. [Bind the report](../bind-to-data.md) to a required data source.

3. Add the [Page Header](../introduction-to-banded-reports.md) band to the report to print the column headers at the top of every document page. To do this, from the report's context menu, select the **Insert Page Header Band** command.
3. Add the [Page Header](../introduction-to-banded-reports.md) band to the report to print the column headers at the top of every document page. To do this, select the **Insert Page Header** Band command from the report's context menu.

![](../../../images/eurd-web-table-report-insert-page-header.png)

4. Drop the [Table](../use-report-elements/use-tables.md) control from the [Toolbox](../report-designer-tools/toolbox.md) onto the Page Header band and specify columns' text to create column headers.
4. Switch to the [Field List](../report-designer-tools/ui-panels/field-list.md), select data fields, hold `Shift` when you drag fields and drop them onto the report design area. This creates a data table with data field names.

![](../../../images/eurd-web-table-report-add-static-captions.png)

5. To provide dynamic content to the report, switch to the [Field List](../report-designer-tools/ui-panels/field-list.md), select data fields and drop them onto the Detail band.
5. To provide dynamic content to the report, select data fields and drop them onto the Detail band in the Field list.

![](../../../images/eurd-web-table-report-add-dynamic-content.png)

Expand All @@ -30,20 +30,23 @@ This tutorial describes how to create a data-bound report displaying information

![](../../../images/eurd-web-table-report-select-both-tables.png)

7. Expand the **Appearance** category and specify the **Font**, **Text Alignment** and **Borders** properties to customize the tables' appearance.
Alternatively, you can select one cell and press `Esc` to move one level up and select an entire row.

7. Expand the **Appearance** category and specify the **Font**, **Text Alignment**, and **Borders** properties to customize table appearance.

![](../../../images/eurd-web-table-report-set-up-appearance.png)

8. Define a currency format for the **UnitPrice** cell. Select the cell and click the **Text Format String** property's ellipsis button. Select the appropriate format in the invoked **Format String Editor** editor and click **OK**.

![](../../../images/eurd-web-table-report-format-string.png)

9. To further improve the table readability, you can apply different visual styles to its odd and even rows. See [Report Visual Styles](../customize-appearance/report-visual-styles.md) to learn more.
9. To further improve table readability, you can apply different visual styles to odd and even rows. See [Report Visual Styles](../customize-appearance/report-visual-styles.md) to learn more.

![](../../../images/eurd-web-table-report-odd-even-styles.png)

See the [Use Tables](../use-report-elements/use-tables.md) section to learn how to add or remove the table's rows and cells, as well as convert the table's cells to separate label controls.

Switch to [Print Preview](../preview-print-and-export-reports.md) to see the resulting report.
See the [Use Tables](../use-report-elements/use-tables.md) section to learn how to add or remove table rows and cells, and how to convert table cells to separate label controls.


Switch to [Print Preview](../preview-print-and-export-reports.md) to see the generated report.

![](../../../images/eurd-web-table-report-result.png)
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ The following actions are available in the Field List for data source customizat
|---|---|
| ![](../../../../images/eurd-web-fieldlist-add-data-source-button.png) | Invokes the Data Source Wizard. |
| ![](../../../../images/eurd-web-fieldlist-data-source-rename.png) | Renames the selected data source. |
| ![](../../../../images/eurd-web-fieldlist-data-source-rebuild-result-schema.png) | Rebuilds the result schema for the selected data source. |
| ![](../../../../images/eurd-web-fieldlist-data-source-rebuild-result-schema.png) | Rebuilds the generated schema for the selected data source. |
| ![](../../../../images/eurd-web-fieldlist-data-source-edit-relationships.png) | Invokes the [Master-Detail Relation Editor](../master-detail-relation-editor.md). |
| ![](../../../../images/eurd-web-fieldlist-data-source-add-calculated-field.png) | Adds a calculated field. |
| ![](../../../../images/eurd-web-fieldlist-data-source-add-query.png) | Invokes the **Create a Query or Select a Stored Procedure** wizard page. |
Expand Down Expand Up @@ -52,10 +52,14 @@ Dropping an entire data table onto a report creates a table with its columns bou

![](../../../../images/eurd-web-field-list-drop-table.png)

To select multiple fields, click them with holding the CTRL or SHIFT key. Dropping these fields onto a report creates a new table with its cells bound to the corresponding fields.
To select multiple fields, click them while pressing the `Ctrl` or `Shift` key. Dropping these fields onto a report creates a new table with its cells bound to corresponding fields.

![](../../../../images/eurd-web-list-drop-multiple-fields.png)

Select multiple data fields, a query, or a table in the Field List. Hold `Shift` when you drag the fields and drop them onto the report design area. This creates a data table with data field names.

![eurd-web-list-drop-table-with-field-headers](~/reporting-for-web/images/eurd-web-list-drop-table-with-field-headers.png)

## Data shaping operations

In addition, the Field List can help you solve the following tasks:
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -4,14 +4,14 @@ author: Anna Vekhina
---
# Bind Report Controls to Data

You can use the following approaches to include a data source's information in your report:
You can use the following approaches to include data source information in your report:

* [Use the Field List](#use-the-field-list)
* [Use the Properties Panel](#use-the-properties-panel)

## Use the Field List

After you [bind your report to data](../bind-to-data.md), the [Field List](../report-designer-tools/ui-panels/field-list.md) panel displays the data source's hierarchy and provides access to the available data fields.
After you [bind your report to data](../bind-to-data.md), the [Field List](../report-designer-tools/ui-panels/field-list.md) panel displays the data source hierarchy and provides access to available data fields.

Drop a data field from this panel onto a report's surface to create a new report control bound to the corresponding field.

Expand All @@ -21,14 +21,18 @@ Drop a data field onto an existing control to bind this control to the correspon

![](../../../images/eurd-web-field-list-drop-field-to-control.png)

You can also drop an entire data table onto a report to create a [Table](../use-report-elements/use-tables.md) control with its cells bound to the corresponding data table fields.
You can also drop an entire data table onto a report to create a [Table](../use-report-elements/use-tables.md) control with its cells bound to corresponding data table fields.

![](../../../images/eurd-web-field-list-drop-table.png)

To select multiple fields in the Field List, hold CTRL or SHIFT and click the fields. Drop these fields onto a report to create a new table.

![](../../../images/eurd-web-list-drop-multiple-fields.png)

Select multiple data fields, a query, or a table in the Field List. Hold `Shift` when you drag the fields and drop them onto the report design area. This creates a data table with data field names.

![eurd-web-list-drop-table-with-field-headers](~/reporting-for-web/images/eurd-web-list-drop-table-with-field-headers.png)

## Use the Properties Panel

Select a report control and switch to the [Properties](../report-designer-tools/ui-panels/properties-panel.md) panel. Click the **Text** property's marker and select **Text Expression** from the popup menu. Select a data field or construct a binding [expression](../use-expressions/expression-language.md) in the invoked [Expression Editor](../report-designer-tools/expression-editor.md).
Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.