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

时间:2011-03-01 08:36:23

标签: javascript jquery django raphael

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

是否有一个jquery插件或其他一些js库可以促进这样的项目?我已经检查了拉斐尔,它会起作用,但需要更多的时间来创造。我想知道是否已经有某种基于网格的绘图工具可以促进这一过程。

3 个答案:

答案 0 :(得分:1)

每次我想到一个javascript网格,我总是关于奇妙的TableSorter

如果你追加一个editable version,我会说你会有最好的真棒项目!

:○)

答案 1 :(得分:0)

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

答案 2 :(得分:0)

JQuery UI's Selectable可能是个好地方。通过在其上方拖动框,可以轻松创建可选择区域的网格。