layui单元格内的多个名称,通过拼接的方式显示

一、如下图的销售订单商品所示,像这种订单类型的表格,里面通常都会有多个不同类型的商品和数量之类的。那么像这样使用的layui表格里面又是怎么把他拼接完成上去的呢!
layui单元格内的多个名称,通过拼接的方式显示_第1张图片

二、首先说明下我表的结构,销售单对应的明细表是一对多的关系,也就是选择了一个类型的商品就会生成一张明细表,而销售单里面商品信息(包括上面需要的名称)都在这数张明细表里面了。
layui单元格内的多个名称,通过拼接的方式显示_第2张图片

三、视图部分的layui表格渲染也是和以前一样的,把商品名称拼接起来是在控制器那边执行的。

四、

1、把销售表单独查询出来后,再单独查询明细表,这两个表我并没有使用联表查询。

layui单元格内的多个名称,通过拼接的方式显示_第3张图片

2、获取到所有的商品名称,通过循环两个表查出来的数据(listStu是销售表的,前面说了单独两个查),外层循环销售表的,里面的则是明细表的。接着提取销售表的id在明细表里面判断筛选,得出后就是需要的商品名称了,再者就是把它们拼接起来就可以了。

//获取每个进货单的所有商品的名称拼接起来
            for (var i = 0; i < listStu.Count; i++)
            {
                Orderment a = listStu[i];
                int id = a.SellIndentID;
                for (var j = 0; j < Details.Count; j++)
                {
                    IndentDetal b = Details[j];
                    if (b.SellIndentID == id)
                    {
                        if (a.CommodityName ==
null)
                        {
                            a.CommodityName =
b.CommodityName;//拼接的名称
                        }
                        else
                        {
                            a.CommodityName += "、" + b.CommodityName;
                        }
                    }
                }
            }


你可能感兴趣的:(前端)