2015-02-08 114 views
0

我正在構建一個web應用程序,其主要目的是在顯示器上顯示小部件。這些小部件的大小是可變的,所以不是每個小部件都是高或寬(但是他們正在使用像網格系統這樣的標準)。現在我正在尋找保存使用哪些小部件的最佳方式,以及它們的放置位置。例如,通過使用諸如Gridstack之類的東西,用戶可以將小部件拖放到管理面板中,但我應該如何保存?我怎樣才能回想起這個例子,並把它放在一個空的Bootstrap頁面中。使用Bootstrap Grid系統將會很好。PHP小部件佈局網格

我在Google上做了一些研究,但沒有找到任何插件或方法來做到這一點。

回答

0

我正在使用'Gridster',這個Gridstack是建立在/啓發之下的,所以它可能無法爲您節省。

您需要這樣做,或者通過AJAX發回或存儲在本地存儲中。因爲它看起來很相似,所以你應該能夠找到一個「序列化」函數,它應該把它包裝好,準備好通過AJAX發送給你的PHP。

您可能需要掃描窗口小部件並將其封裝在您自己的JSON字符串中,例如row/column/sizex/sizey,這是所有網格系統真正需要在第一次加載時「添加」窗口小部件所以只要你能夠回饋你,應該很好。

+0

感謝您的信息!我可能已經找到了Gridstack的解決方法。 Gridstack和Gridster有什麼區別?我喜歡Gridstack的API和獲取關於網格的信息的方式,但我不喜歡Size調整/響應速度?謝謝 – Matsooh 2015-02-08 17:56:28

+0

看起來Gridstack的靈感來自於Gridster,所以它仿照同樣的想法,但看起來它包含了很多很酷的功能,Gridster並沒有。 Gridster更小,但更健壯,更成熟一些。但它在移動設備上也不太合適! Gridster有一個序列化函數,它允許你把它包裝起來,準備好發送給PHP(如果你想將它保存到一個分貝),然後在頁面加載時,我使用基於保存的設置在PHP中建立表格。 – skh 2015-02-09 20:18:38