2011-03-01 79 views
2

我期待使用javascript或其庫中的一個庫創建網格結構。我的想法如下:我是一名零售商的商品經理,想創建一個應用程序以配合我一直致力於追蹤基於展示位置的商品銷售的django項目。 javascript部分將涉及在屏幕上繪製網格並允許用戶在網格上繪製「區域」。每個區域都會包含一組數量的網格,每個網格代表一個商品托盤。在繪製網格時,每個框都是可以分配給事件處理程序等的DOM對象。當一個區域被繪製在一系列這些框上時,它們變爲活動的並且每個框可以被分配不同的特徵。最後,每個箱子將有效地代表一個空的托盤,然後可以分配一個物品。它的位置可以通過我的django應用程序與銷售數據相關聯。我只需要一種方法來使用javascript廣播/管理位置數據。如何使用js創建可編輯的網格

有沒有一個jQuery插件或一些其他的js庫,這將有助於這樣一個項目?我檢查了拉斐爾,它會工作,但需要更多的時間來創建。我想知道是否已經有一些基於網格的繪圖工具可以促進這個過程。

+0

這是一個漂亮的域特定實現,我懷疑這裏有一個完整的開箱即用工具。我認爲你必須用可用的零件自己撰寫。將你的需求分解成幾部分,並尋找可以幫助你完成每個部分的代碼。 – BGerrissen 2011-03-01 08:43:20

回答

0

JQuery UI's Selectable很可能是開始的好地方。它可以很容易地創建一個網格,其區域可以通過拖動一個框來選擇。

+0

讓事情與jQuery有關 - 您的建議是我祈禱的答案。謝謝 – 2011-03-10 09:15:52

0

的JavaScript框架有一個可編輯的網格ExtJS的,請參閱http://dev.sencha.com/deploy/dev/examples/grid/edit-grid.html的樣品演示和源代碼

相關問題