一看就会，超有用活字格技能：七十，弹窗表格内多选后回传到上层页面表格

追风 · 2019-12-20 19:15 上传

本帖最后由 LukeLiu 于 2019-12-24 13:55 编辑

很多实际的场景需要实现这样的一个效果：在弹窗里，有一个有选择列的表格，选择了几项，关闭弹窗后，选择的项目可以回传到上层页面。

效果类似这样：

弹窗多选.gif

本教程贴，我们一起实现如动图所示的购物车的场景。

1. 首先，我们先预定义一张商品表：

商品表.png

2. 我们再定义一张购物车表，用来记录选择的商品。

购物车.png

3. 之后，我们做一个购物车页面，基本功能就是展示购物车表中的数据：
购物车标注.png

我在这个页面上放了一个添加按钮，想实现的效果是通过点击按钮弹出一个弹窗，然后在弹窗里进行商品选择。

4. 因此，我们还需要新建一个可以选择商品的弹窗页面：
商品选择页面.png

我想要实现的效果是点击确认后，可以把我在这个页面中选择的数据项目，回传到上个页面的表格中。
这需要使用：表格传递命令（加链接），上图标注的方式是使用了方法1，方法2如动图所示：
表格传递--单元格选择模式.gif

6. 回到购物车页面，我们只通过了弹窗回传过来了商品ID，对应的商品名称，商品的型号，商品的单价，我们可以使用Odata的方式从数据库中查询得到。

总结

使用表格数据传递命令，不仅可以传递表格的数据到同页面的其他表格中，还可以传递到其他页面的表格中，再搭配使用OData，可以很好的解决：在弹窗选择多项之后回传的场景的需求。