EasyUI Cookie記憶layout的布局

2021-09-01 19:30:20 字數 1037 閱讀 8848

最近在開發中,想儲存easyui的乙個複雜介面的layout,讓使用者可以根據自己的解析度和喜好進行介面布局的調整,並儲存下來,下次進入的時候使用儲存的布局位置。

設計:1、需要在布局拖動的時候記錄下layout部件的位置(我這裡使用的是north和center,並使用fit填充全頁面的方式布局,所以只需要記錄north的高度就ok)。

2、在進入頁面時,jquery和easyui初始化和渲染完成後,執行resize操作。

找方案,想辦法

1、官方文件基本沒有辦法實現,easyui.layout雖然繼承了resizable,但是檢視了官方混淆後的爛**,勉強發現官方已經覆寫了resizable的相關事件,所有基本可以說,官方沒有提供該功能。

2、熱,從源**下手,去修改混淆的源**,分析後,發現是可行的,但是需要動官方源**公升級會很麻煩,前面從1.3.1公升級到1.3.3已經麻煩過一次了。。。

3、通過強大的google瀏覽器,分析dom結合官方api,通過1個多小時努力,找到解決方案。如下:

1、註冊layout的布局子物件的panel,然後註冊其onresize事件,獲取變動後的位置,並記錄到cookie中。

function registerrememberposevent()

});}function rememberpos(h)

2、頁面初始化完成後,先resize布局子物件的panel,然後再呼叫layout的resize,實現讀取cookie中儲存的位置並設定。

// 讀取cookie,並設定初始化布局高度

function recoverpos(timestamp));

$('#manage_popup_layout').layout('resize');

}

3,、進入頁面,初始化完成後,註冊事件,讀取cookie,resize位置

// easyui渲染完成事件,注意這是全域性事件,用了後登出下。

$.parser.oncomplete=function(context)

}

希望對有相同需求的兄弟有幫助。

L7 記憶概論 長期記憶和工作記憶

人們在回憶的時候使用的是長期記憶 工作記憶 即時有意識地處理資訊時所涉及的那部分記憶。工作記憶只能儲存大約4個組塊的資訊。當學習新知識的時候,通常會用工作記憶來處理它。如果想把這個資訊轉移到長期記憶裡,那將需要一些時間和練習的過程。要促進這個過程,有種技巧叫作間隔重複,具體做法就是不斷重複你嘗試記憶...

高效記憶 形象記憶(01) 記憶原理

本系列文章主要講解 高效記憶 形象記憶,系列文章總綱鏈結為 專題分綱目錄 高效記憶 形象記憶 1 大腦原理 一般來說,人類的左右腦各有側重,左腦決定人的邏輯思維,即理性的一面。而右腦則傾向於藝術思維,即感性的一面。本文中是指具有語言 文字能力等思維特徵的人類的生物神經中樞。左右腦 人類的左腦傾向於邏...

demonstration記憶 單詞記憶法

詞彙不應該由 難易 來分 因為 難易 的評定方法太多 出現頻率的高低 peach nectarine 跨領域單詞的比較 hoop loop 抽象程度 manifestation fact,imply,indicate,show v.demonstration,proof,prove situatio...