對於已經使用EasyUI開發完成了一套系統或開發工作已經進行了大半,現在想使用TopJUI的風格和開發方式來完成後續的功能,是否需要把之前完成的功能重新開發一遍呢?

其實TopJUI是基於EasyUI核心程式碼重構的,也充分為EasyUI使用者考慮到了替換的問題,TopJUI在此基礎上增加了元件,加強了相關屬性,事件和方法,但EasyUI原有的屬性,事件和方法都是可以使用的,因此使用TopJUI替換EasyUI開發的系統是很簡單的一件事,工作量也很小。

第一步:使用TopJUI提供的主頁面,替換原來的主頁面,將左側導航選單通過資料介面調出來
第二步:將頁面中通用的css、js替換成TopJUI需要引用的css、js檔案路徑
第三步:批量替換元件呼叫方式,在軟體工程中批量替換 class="easyui- 為 data-toggle="topjui-

完成以上步驟,系統就切換到TopJUI執行環境下了,同時相容之前開發完成的功能,後續的功能模組就可以通過TopJUI的開發方式來開發了。