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>裏邏輯,其他還是一樣的。

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

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章