Javascript 如何使用js创建可编辑网格

我希望使用javascript或其库创建一个网格结构。我的想法如下：我是一家零售商的商品经理，希望创建一个应用程序，与我一直致力于的django项目相结合，根据展示位置跟踪商品销售。javascript将涉及在屏幕上绘制网格，并允许用户在网格上绘制“区域”。每个区域将包含一定数量的网格，每个网格代表一个货物托盘。绘制网格时，每个长方体都是一个DOM对象，可以分配给事件处理程序等。当在一系列长方体上绘制区域时，它们将变为活动状态，并且可以为每个长方体分配不同的特征。最后，每个箱子将有效地代表一个空托盘，然后可以分配一个项目。它的位置可以通过我的django应用程序与销售数据关联。我只需要一种使用javascript广播/管理位置数据的方法

---

是否有jquery插件或其他一些js库可以促进这样的项目？我已经签入拉斐尔，它会工作，但需要更多的时间来创建。我想知道是否已经有某种基于网格的绘图工具可以简化这个过程。

extJS javascript框架有一个可编辑的网格，请参阅

http://dev.sencha.com/deploy/dev/examples/grid/edit-grid.html

对于示例演示和源代码

每当我想到javascript网格，我总是喜欢幻想

如果你给它加上一个，我会说你将拥有最好的很棒的项目

---

：o）

可能是一个好的开始。通过在栅格上拖动一个框，可以轻松创建其区域可选择的栅格

这是一个相当特定于领域的实现，我怀疑是否有现成的工具。我想你必须自己用可用的部分来编写它。将您的需求划分为多个部分，并寻找每个部分都能帮助您的代码。jQuery进展顺利-您的建议是我祈祷的答案。非常感谢。