[{"id":"5f98443c-9d59-4351-81ad-0910eb2535e7","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"50134b23-c8f4-4c83-8c49-4f7a4d307585","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"61551de1-9a9f-4a08-b71e-49ca882827f5","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"ebf0ce82-0782-496c-bd66-90f5433e31f2","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"50e4fa24-000f-45f0-8f09-9026e40c30ca","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"64f01bad-a9ca-47a2-b134-b485adffed2c","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"57569d12-0bea-4995-9743-1b5efb7dfda6","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"712bddae-c316-4524-add9-6dd487152146","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"afb74359-e66d-40e1-a5e2-f7a22468165d","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"cccfa340-c8a6-43ef-b2cd-f9fe44ce22dc","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"d404d4eb-0b25-4650-be78-033cc4aa3445","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"d778e74c-622b-47d6-b0b1-32e741ee6d1a","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"3103635f-71c9-4a28-8786-45ae6de6a49f","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"0d56fe97-9840-41da-931f-ad23201cd9e2","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"c90cdefc-81dd-4d8d-b8fa-ed93585c4b23","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"5d5d62ca-5108-4421-a925-f2c187eb2aeb","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"e588ca95-4aba-4e50-a99f-833a98531489","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"cc378615-c853-4f3e-994b-9a2260cc06a2","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"4a60e156-0f10-43a2-88bc-9d9691f15137","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"938d62d7-9526-479f-9798-31d0f9f58588","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"9e4f342b-5dcb-4548-a84c-afe71cf5d736","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"0d50ab1e-81c0-49b2-b8cb-1f50a6f3e12b","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"0a0c904c-bbb2-4abe-a626-a06200fb57fe","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"224e6263-b410-4f17-8822-e19f965c509d","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"74546345-b13f-4465-a716-7bc0f9c19730","tags":[{"product":null,"links":null,"id":"7fcf2480-6c1f-4a24-a5be-35a201d1532b","name":"upd","color":"#7e678a","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"60452ec3-5f68-4e01-b8f0-22ea893bf4ce","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]},{"id":"8c3493e9-e62c-45b7-9268-825db731f79b","tags":[{"product":null,"links":null,"id":"27b05819-810b-4ea2-b5ea-2857947ce8be","name":"New","color":"#ed7422","productId":"486064ee-5a7c-4d44-b127-1e19810242b2"}]}]
        
(Showing Draft Content)

대화형 기능

ActiveReportsJS provides several types of interactive features to supply your reports with for a better user experience.

Action property

TextBox, Image, Chart Plots, Table Rows, Banded List sections, and List sections have the Action property that determines what happens if a report reader clicks a report item, chart plot's element, any element within a table row, or within a space occupied by a List or BandedList section at preview time.

There are four types of interactive actions.

매개변수 적용

The Apply Parameters action sets values of one or more Report Parameters and re-renders a report with these values. The Apply Parameters action configuration includes one or more items with the following properties:

  • The parameter for which the value should be set

  • Setter type:

    • Set – sets a given parameter to the specified value

    • Reset – resets a given parameter to the default value

    • Toggle – adds or removes the specified value from a multi-value parameter.

  • The Expression to use for the new parameter's value. It's not applicable for the Reset setter type.

Typical usage of this feature is implementing Runtime Filters. For example, the Sales Dashboard demo shows the Year List and Continent List controls, which a report reader could use to review the sales statistics for the specific year and in one or more specific regions. The Apply Parameters action of the Continent List is configured to Toggle the Continent Name, which a report reader clicks, within the multi-value pContinent parameter:

image.f0b21c

The action for the Year List is configured to Set the single-value pYear parameter to the Year, which a report reader clicks:

image.e97de0

The Data Regions in this report are configured to filter out values according to the parameters:

image.123125

Thus, when a report reader clicks on a year, or toggles a continent, the report re-renders with the new parameters' values and the data regions are filtered out accordingly.

책갈피로 이동

책갈피로 이동 작업은 책갈피가 지정된 보고서 항목으로 포커스를 가져옵니다. 책갈피 데모에서는 이 기능을 사용하여 첫 페이지에 대화형 요약 표를 표시합니다. 월 이름을 클릭하면 지정된 월에 대한 세부 정보 표를 보여 주는 페이지로 뷰어가 전환됩니다.

URL로 이동

URL로 이동 작업은 브라우저 설정에 따라 새 창 또는 새 탭에서 지정된 URL을 엽니다.

보고서 맵

ActiveReportsJS의 표 그룹과 같은 모든 보고서 항목과 그룹에는 레이블 속성이 있습니다. 또한 텍스트 상자 보고서에는 1부터 정수 값을 가져오는 HeadingLevel이 있습니다.


HeadingLevel과 함께 텍스트 상자의 레이블 및 값은 보고서 뷰어 세로 막대에 표시되는 보고서 맵을 생성합니다. 보고서 맵에서 항목의 계층 구조는 다음 조건 중 하나로 정의됩니다.

  • HeadingLevel1로 설정된 텍스트 상자는 계층 구조의 루트 수준에 있습니다. HeadingLevel2로 설정된 텍스트 상자는 계층 구조의 그다음 수준에 있는 식입니다. 카탈로그 샘플표 그룹 헤더에 있는 텍스트 상자에 대해 HeadingLevel = 1입니다. 생성된 레이블은 보고서 맵과 목차에 모두 표시됩니다.

  • 레이블 속성이 비어 있지 않은 부모 및 자식 그룹은 계층 구조를 유기적으로 생성합니다. 이러한 접근 방식의 예는 중첩된 목록 데모에서 찾을 수 있습니다.

보고서 속성문서 맵 섹션에 있는 소스 속성은 보고서 맵에 어떤 항목을 포함할지 결정합니다.

  • 레이블 - 레이블만 포함합니다. 기본값입니다.

  • 제목 - HeadingLevel >= 1인 텍스트 상자 값만 포함됩니다.

  • 모두 - 레이블과 텍스트 상자 값이 모두 포함됩니다. 이 옵션은 드문 시나리오에 사용하기 위한 마지막 옵션이어야 합니다.

  • 없음 - 보고서 맵이 생성되지 않습니다.

또한 보고서의 번호 매기기 스타일 속성은 보고서 맵과 목차에서 항목의 표식을 결정합니다.