C##__用Session来实现新增数据表格

开发工具与关键技术：C##开发 layui插件
作者：罗中贤
撰写时间：2019-01-19

新增一条新的数据表格，Session就可以帮到我们，每当我们点击新增明细 Session就+1，再反回来条空的数据表格。

1. 首先控制器代码

// Session
public ActionResult Luo_Byssino()
{
     List<Session> data = new List<Session>();
     if (Session["myLuo_Par"] != null)
     {
         data = Session["myLuo_Par"] as List<Session>;
     }
     Session mySession = new Session();
     data.Add(mySession);
     Session["myLuo_Par"] = data;
     return Json(true, JsonRequestBehavior.AllowGet);
 }

2. 我们可以用段点看看效果图：
   
   下面段点 data是有两条数据下面段点 data是有两条数据
3. 然后在把数据传到页面上如图：
   
   新增了多条空的数据表格
4. 前端

// 点击新增明细按钮
<button type="button" id="Luo_New" class="layui-btn layui-btn-normal layui-btn-radius layui-btn-sm" style="margin: 12px;">新增明细</button>
@*明细表*@
<table class="layui-hide" id="Luo_ByTabin" lay-filter="Luo_BkNG"></table>

5. 数据表格 Layui插件实现

layui.use('table', function () {
    var table = layui.table;
     //数据表格
     table.render({
         elem: '#Luo_ByTabin',//table的接收数据                
         url: 'Luo_Stock',         
         totalRow: true,    
         where: { type: "all" },
         cellMinWidth: 100, //全局定义常规单元格的最小宽度，layui 2.2.1 新增                 
         cols: [[
             //fixed: 'left',           title: '移除',          width: 70,    align:'center',,
             { title: '序号',           templet: '#indexTpl',   width: 70,    fixed:'left',                      sort: true, },                  //需要使用layui模板引擎
             { fixed: 'left',           title: '移除',          width: 70,    align:'center',  toolbar: '#Luo_del'   },
             { field: 'Code',           title: '配件编码',      width: 200,   align: 'center', event: 'setSign',                 },               //width 支持：数字、百分比和不填写。你还可以通过 minWidth 参数局部定义当前单元格的最小宽度，layui 2.2.1 新增
             { field: 'Parts',          title: '配件名称',      width: 200,   align: 'center', event: 'setSign', sort: true,     },               //sort: true,排序，可以点击小按钮大小排序
             { field: 'Specifications', title: '规格',          width: 150,   align: 'center', event: 'setSign', sort: true,                 },             // event: 'setSign',监听 有它就能弹出模态框
             { field: 'CarType',        title: '车型',          width: 150,   align: 'center', event: 'setSign', sort: true,                 },    //edit: 'text'是在里面加个文本
             { field: 'Quantity',       title: '调拨数量',      width: 200,   align: 'center', event: 'setSign', sort: true, edit: 'text',totalRow: true,},        // align: 'center' 单元格内容水平居中
             { field: 'Unit',           title: '单位',          width: 150,   align: 'center', event: 'setSign', sort: true,     },                //templet: '#indexTpl',这个里面可以放div什么都可以放
             { field: 'Price',          title: '单价',          width: 150,   align: 'center', event: 'setSign', sort: true,     },                //fixed:'left', 把一列表固定在那不动
             { field: 'Money',          title: '调拨金额',      width: 200,   align: 'center', event: 'setSign', sort: true, edit: 'text', totalRow: true,},
             { field: 'Reason',         title: '调拨原因',      width: 200,   align: 'center', event: 'setSign', sort: true, edit: 'text', },
         ]],
         limit: 1000,
});

6. 点击按钮新增数据表格方法

//点击明细按钮时，新添一行
$("#Luo_New").click(function () {
     var table = layui.table;
     $.post("Luo_Byssino");//控制器
     table.reload('Luo_ByTabin');//刷新表格
 });

Session新增一条空的数据表格希望能对你们有所帮助，如果不了解可以评论下方

[layui插件官网](https://www.layui.com/)
<script src="~/Content/layui/layui.js"></script>