2010-11-16 78 views
0

我一直在四处寻找JQuery UI的几个数据网格。带表单视图的JQuery数据网格编辑

我已经发现了几个,如:

* Flexigrid: http://flexigrid.info/ 
* jQuery Grid: http://www.trirand.com/blog/ 
* jqGridView: http://plugins.jquery.com/project/jqGridView 
* Ingrid: http://reconstrukt.com/ingrid/ 
* SlickGrid http://github.com/mleibman/SlickGrid 

不过,我需要做的就是点击一个记录时,展开记录变成了一种在线的形式为用户输入信息。这种形式的信息量远大于每个gridview行中显示的数量。

例如,你可能会看到:

Header 
Row 1 
Row 2 
Row 3 
Row 4 
Row 5 

然后在第3行,看看

Header 
Row 1 
Row 2 
Form 
Data input..... input and change data about the item that was in Row 3 
Some more data input from input fields, selects etc. 
End Form 
Row4 
Row5 

关于如何使用这些数据网格插件或其他附加的一个任何想法?

或另一种方式去做这一切吗?

谢谢!

P.S.我想它看起来尽可能专业:)

+0

呃...什么都没有?我仍然空着手与每一个谷歌搜索... – kralco626 2010-12-08 13:42:18

+0

以及我要去与这个想法。我有一个按钮和一个div的div。然后我给每个类添加这个点击函数到该类的每个按钮:'$(this).parents(“。myTestDiv”)。chilren(“。myTableDiv”)。append(“#myTable”)'where myTable是你想要内联显示的形式,每个表格元素都有一个带有div和一个按钮的div。当我得到它的工作时,我会发布一个解决方案。 – kralco626 2010-12-08 15:01:50

回答

0

http://jeasyui.com

看看他们,在演示中深埋,你描述一下一个例子。我无法在他们的网站上找到它,但是我已经在表格编辑中实施了一项(在表格项下方展开为一个更大的表格)。

+0

我想我应该先检查这个请求的日期。 http://jeasyui.com上的组件肯定会按照你的要求做,但它不是开源的。对于混淆和迟到编辑抱歉。 – Patrick 2013-03-06 16:16:27

+0

没关系。帮了我很多。您所描述的内容位于http://jeasyui.com/demo/main/index.php ..单击名为“扩展行表单”的左侧文本链接。 – NickNo 2014-02-26 08:13:47