A09-06 元件

1. 給報表新增條件屬性，滿足設定條件時，可以對屬性的值進行修改，從而改變報表樣式。

2. 通過設定儲存格元件條件屬性，可以實現在特定條件下元件形態發生變化。

3. 以下範例預覽方式，需是資料分析預覽，或是填報預覽，才能看的到元件。

4. 多個條件屬性可配合使用，具體可參考條件屬性基礎實例。

1

新建資料集ds1。

1. 輸入SQL：SELECT * FROM 產品。

2. 新建資料集，可參考A03-01 內建資料集。

2

插入資料。

1. 將欄位產品ID和產品名稱，分別拖入【B2：C2】儲存格。

2. 插入資料欄，可參考A05-00 插入資料欄。

3

調整B2：C2儲存格樣式。

1. 設定【B2：C2】儲存格添加框線。

2. 設定【B2：C2】儲存格文字居中顯示。

3. 點擊【預覽】，在瀏覽器中查看效果。

4

設定元件。

1. 選中【B2】儲存格。

2. 點擊 【元件設定】，選擇按鈕元件。

3. 元件設定，可參考A08-00 文字元件。

4. 點擊【預覽】，在瀏覽器中查看效果。

5

新增條件屬性。

1. 選中【B2】儲存格。

2. 新增條件屬性，可參考A09-00 條件屬性設定。

6

設定屬性-元件。

1. 點擊 【+】 按鈕，選擇元件。

2. 預設不使用元件，即預覽後可隱藏當前元件。

3. 點擊屬性前的 【X】 即可刪除當前屬性。

4. 元件設定，可參考A08-00 文字元件。

7

設定普通條件。

1. 選擇【操作符】小於，輸入值10。

2. 點擊【新增】按鈕，即可新增條件：currentValue小於10，表示儲存格中的值小於10時，儲存格中的按鈕元件樣式發生變化。

3. 新增條件，可參考A09-01 條件設定。

8

點擊【預覽】，在瀏覽器中查看效果。

1. 產品ID小於10的資料按鈕不顯示。

9

修改元件樣式。

1. 點擊 【】 按鈕，編輯條件屬性。

2. 勾選【使用元件】後，點擊【編輯】，設定需要顯示的新元件。

3. 選擇按鈕元件後，設定按鈕圖示。

4. 元件設定，可參考A08-00 文字元件。

10

點擊【預覽】，在瀏覽器中查看效果。

1. 產品ID小於10的資料按鈕形態發生變化。

11

設定公式條件。

1. 點擊 【】 按鈕，編輯條件屬性。

2. 輸入公式$$$>6，表示當前儲存格的值大於6。

3. 點擊【新增】按鈕，成功新增條件，當前條件即為currentValue小於10 and $$$>6，表示6<當前值<10時，屬性生效。

4. 編輯條件屬性，可參考A09-00 條件屬性設定。

5. 新增條件，可參考A09-01 條件設定。

12

點擊【預覽】，在瀏覽器中查看效果。

1. 產品ID為7、8、9的資料按鈕形態發生變化。

13

修改邏輯條件。

1. 點擊 【】 按鈕，編輯條件屬性。

2. 選中公式$$$>6，修改為$$$=11。

3. 點擊邏輯運算子【或（OR）】。

4. 點擊【修改】按鈕，成功修改條件，當前條件即為currentValue小於10 or $$$=11，表示當前儲存格的值小於10或等於11時，屬性生效。

5. 編輯條件屬性，可參考A09-00 條件屬性設定。

6. 修改條件，可參考A09-01 條件設定。

14

點擊【預覽】，在瀏覽器中查看效果。

1. 產品ID小於10和等於11的資料按鈕形態發生變化。