Magical Drag(H5布局器)v2.2.2

Magical Drag(H5布局器)是一款輕巧精巧的數據可視化H5布局器，你無需過多的懂得專業的編程代碼，使用它就能快速生成一個美觀的H5頁麵，拖拖拽拽就能滿足您的設想，即時預覽布局

【功能介紹】

基於h5實現的自由布局器，拖拖拽拽就能滿足您的設想，即時預覽布局；如果再結合我們的代碼生成器，更能讓你在自動生成基本的管理後台功能後，再次隨心所欲的修改界麵布局。更多功能體驗...

適合人群：程序員、產品經理

【注意事項】

整個路徑不要包含中文否則無法啟動

【使用方法】

軟件都在html裏麵

您可以使用idea直接打開start.html 總之必須采用localhost方式打開

windows用戶直接雙擊啟動.bat 即可 打開瀏覽器訪問 http://localhost:12345/magicaldrag/start.html 請盡量使用chrome訪問 獲取最優體驗

手動啟動：雙擊ngxin.exe 打開瀏覽器訪問 http://localhost:12345/magicaldrag/start.html

【常見問題答疑】

問：此為深入使用布局器，期望有些組件的屬性比如下拉框 能夠動態的根據後台返回來設置 

答：您需要使用布局器的api+callback便可實現，具體做法如下     

方案一：實時刷新調用         

在callabck.js的pre_build_attrs(每次在構建屬性之前)裏注入以下邏輯方法         

調用api.getConstant()拿到constant.js的實例，然後動態修改this.rightPanel的某個組件的屬性         

最後需要調用一下api.refreshRightAttrPane();使之生效     

方案二：僅在布局器加載後調用一次         

在callback.js的after_start(布局器加載完畢)         

裏注入以下邏輯方法         

調用api.getConstant()拿到constant.js的實例，然後動態修改this.rightPanel的某個組件的屬性         

最後需要調用一下api.refreshWorkspace();使之生效 以上方案同樣適用於自定義左側組件源     

最後調用一下api.rebuildLeftComponents();刷新一次左側源的事件