2011-03-01 36 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的样品演示和源代码

相关问题