想实现一个可编辑的表格,如图

点击第一列的可选择商品,填充后面的列。表格可以动态增加行数。这个用平台能实现吗。研究了半天,不知道怎么实现。求教!
05

2 个赞

可以看看数据网格的行内编辑器设置
新增一行可以通过控制数据网格的数据容器来实现。

但是行内编辑,每行下面有保存按钮。我想整个表格编辑完了,再整体提交保存。可以去掉那个下面的按钮吗?

文档中写道:行内编辑器所做的数据修改只提交到数据源或者数据容器。需要额外的代码把他们持久化到数据库。
所以这里的保存只是保存在界面,你可以在最后提交整个数据容器的保存。
还有,这个行内编辑的保存之后会不显示下拉框等可视化控件,只显示选择的结果,应该是比较符合你的需求的:
image

其它倒是合适,但是每行编辑的时候,会在编辑 的行下面显示 2个按钮。这2个按钮可以去掉吗

去掉的话,如何确认编辑完成和取消编辑内容呢?

不需要确认啊。就像电子 表格一样。然后根据我提交按钮,把整个表格内容提交。

你可以用 editorBuffered="false" 看下面这个 demo:
https://demo.cuba-platform.cn/sampler/#main/0/sample?id=datagrid-editor

这个就很不错。可以解决

兄弟你好,问一下你这个页面是用什么做的,是自带的web做的吗?