动态回填静态表格数据

动态回填静态表格数据

开发工具与关键技术：VS    MVC
撰写时间：2019/7/16

在一些业务流程上，容易涉及到一些表格数据的提交，回填等问题；那么对于流程还没操作前在页面上方过多的空白表格行，有影响美观等问题的存在；还有就是你并不知道我这个流程一开始需要多少行表格数据，对于这个数据的长度难以确定的时候，你在页面的表格行数就难以确定。对于这种情况，可以设置一个静态的表格，在根据数据的长度确定表格的长度。下截图是表格的一开始的布局：

当我在弹出的窗体中选中了数据之后，就会根据我选中的数据进行回填，在回填数据方法中调用·动态新增行的方法，即可达到你所需的需求了。

对于js动态新增table行，在前一篇分享文章中已经介绍过了，这里就不在重复介绍js动态新增行的方法了。当我在弹出框中选中了五条数据，那么它就会给我新增五行数据，回填数据有空白行出现的会直接删除掉。
回填数据的代码如下：

 function addAccessory() {
            var checkStatus =layuiTable.checkStatus('tabAccessoryDetail').data; //获取表格选中行
            //判断是否中数据
            if (