背景:easyui在做上下布局的時候,上面是數據列表,下面是數據圖表。如下圖
需要在上下面板右上角加上最大化按鈕,以便可以全屏顯示。邏輯就是當上面點擊最大化時候,隱藏下面,主意:此時需要將下面的div標題設置為空字符,否則后果就是列表中間有一道人員能力統計圖標題;當點擊恢復按鈕的時候,展示下面圖表,同時將標題設置為以前的。上圖:
注釋:1.上面布局最大化按鈕顯示;2.恢復按鈕點擊事件;3.最大化按鈕點擊事件;4.下面布局最大化按鈕;5.不顯示折疊(必須的)
現在問題完美的解決了;不過花費的時間有點多;
記錄下之前的錯誤思路,警示以后:之前最理想的做法是上面不需要按鈕,只要下面的按鈕,按鈕包括一個最大化,一個折疊,當點擊最大化的時候,下面的圖表全屏顯示;當點擊折疊的時候,下方折疊到最底下,上面全屏顯示;這樣子有些操作不會有問題,比如只要不在最大化以后,點擊折疊按鈕兩次,就不會出現問題;但是當最大化以后,連續兩次點擊折疊,再點擊回復按鈕,上布局的列表就顯示為空,其中原因我也不太清楚,畢竟不是專門學習前端的;之后根據這個思路想過,可以在最大化以后隱藏掉折疊按鈕,這樣子就會避免之前的情況出現;也試過很多種,比如在點擊最大化以后,將collapsible設置為true;然后又出現了一個問題:too much 啥,記不清了,就是說無限迭代了;故此思路也行不通;之后還想過一些思路,但是都不行;最后就定為這個了。
也沒想過解決方法這么簡單,我真的是醉了,就這么兩句代碼,浪費了我這么久時間。不開心!!!