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

Question

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

是否有一个jquery插件或其他js库可以简化这样的项目？ 我已经检查了Raphael，它可以工作，但是需要更多时间来创建。 我想知道是否已经有某种基于网格的绘图工具可以简化该过程。

Answer 1

每当我想到一个javascript Grid时，我总是对神奇的TableSorter感兴趣

如果您在其中添加了可编辑的版本 ，我会说您将拥有最好的AWESOME项目！

：O）

Answer 2

extJS javascript框架具有可编辑的网格，有关示例演示和源代码，请参阅http://dev.sencha.com/deploy/dev/examples/grid/edit-grid.html 。

Answer 3

jQuery UI的Selectable可能是一个不错的起点。 通过在其上方拖动一个框，可以轻松创建区域可选的网格。