1. 程式人生 > 其它 >TERSUS筆記員工資訊512-Tersus勾選框全選和全不選的三種設定方法(轉載)

TERSUS筆記員工資訊512-Tersus勾選框全選和全不選的三種設定方法(轉載)

轉載地址:https://www.yuque.com/docs/share/652c0886-0f26-4246-9970-f0b926fb7804?#

Tersus勾選框全選和全不選的三種設定方法

方法一,我初學的時候想到的

1、在表格元件的THEAD和Body Row裡第一排各放一個勾選框。

注意:勾選框外面必須加個div元件,然把div元件的標籤由div改成td,表頭thead裡是改成th

做好後的效果就如下圖一樣。

2、在THEAD的勾選框裡放<On Change>行為處理元件。

3.<On Change>邏輯圖如下:

①是重點,②-④是中級拓展,可以再勾選的時候做一些其他設定。

①的邏輯圖如下:

控制傳值原理:

  1. 勾選框為Yes(勾選狀態),那麼直接把原來的所以bodyrow整體傳值過去。這樣,表格裡所有的勾選框就位勾選狀態了。
  2. 勾選框為No(不勾選狀態),那麼我們傳值的時候注意一下,勾選框如下圖所在的Pane裡不要傳值,其他直接傳值,這樣,勾選框就為不勾選狀態。

在翻頁,查詢,區域性重新整理的時候,要把勾選框裡的值清除掉。

注:勾選框Check box 還可以通過set element元件進行值的設定。

方法二、隨著對元件的瞭解,使用了高階元件進行了改進

1和2參照方法一,都是一樣的,主要不同就是<On Change>裡的邏輯

<On Change>裡是這樣設計的,主要用了Get Element和Set Element高階元件對元件的屬性進行設定,是不是方法二明顯比方法一高明多了。

方法三、今天2021年10月29日突然發現的一個規律,細思極恐,迴歸本質,原來如此簡單

我們還是看<On Change>裡邏輯,其他還是一樣的。

看看下面這個圖,夠簡單嗎?原來還可以這樣操作,學會了嗎?不是今天測試資料偶然放錯邏輯,還發現不了,還可以這樣傳值。