在表单中,控件类型为子表的数据项,其对于的前台代码其实就是Table

下面简单介绍遍历子表的方法

循环子表取、赋值方法:

//此方法的功能是将子表TravelExpensesList复制到子表FinancialAudit中

//步骤解析:

//1、取到子表FinancialAudit的总行数

//2、由于是将子表TravelExpensesList复制到子表FinancialAudit中,也就是子表TravelExpensesList是有值的,而子表FinancialAudit是刚初始化的,没有值,所以在同步值之前需要先要保持两个子表的行数一致,故每次循环需比较行数是否一致

//3、通过行号取到子表TravelExpensesList各列的数据值,并赋值给子表FinancialAudit

function InitFinancialAuditData() {

   //取到FinancialAudit的总行数(JQuery)

            var FinancialAuditLength = $("table[data-datafield='FinancialAudit']").find("tr.rows").length;

   //由于是FinancialAudit向TravelExpensesList同步,所以开始遍历子表TravelExpensesList,取到每行的值再赋值到子表FinancialAudit的对应行中

            $("table[data-datafield='TravelExpensesList']").find("tr.rows").each(function () {

//获取到子表TravelExpensesList当前遍历的这一行的行号

//注:一个子表就是一个table,table下面的每个tr、td都有一个属性“data-row”,它是记录当前这个tr、td所在行的行号(就是每行前面的序号)

                var row = $(this).attr("data-row");

//比较当前获取的行号是否大于FinancialAudit子表的总行数,大于的话,需要FinancialAudit增加一行进行同步,不然即使两个子表的数据同步完毕,也会因为FinancialAudit的行是初始化的1行,导致第2行以及第2行之后的所有数据看不见

//当然这部分的循环添加行的方法可以用再次优化,也可提到循环外完成

                if (row > FinancialAuditLength) {

   //H3给子表添加行的方法,属于H3封装的方法    

                    $("#Control23").SheetUIManager()._AddRow();

                }

//同步两张表的数据

//方法$.MvcSheetUI.SetControlValue("参数1","参数2",参数3);是用来给子表赋值的,针对子表数据;是$.MvcSheetUI.SetControlValue("参数4",参数5);的重载而$.MvcSheetUI.SetControlValue("参数4",参数5);针对的是表单数据

//$.MvcSheetUI.SetControlValue("参数1","参数2",参数3);参数说明:

//参数1:对应你需要赋值的子表中的数据项的数据项编码

//参数2:你需要给这个数据项赋值的值

//参数3:子表行号

//方法功能说明:根据你提供的行号和编码(类似于横纵坐标),找到对应子表数据项,进行赋值

//

//方法$.MvcSheetUI.GetControlValue("参数1",参数2);是取子表值,针对子表数据;是$.MvcSheetUI.GetControlValue("参数4");的重载而$.MvcSheetUI.SetControlValue("参数4");针对的是表单数据

//$.MvcSheetUI.SetControlValue("参数1",参数2);参数说明:

//参数1:对应你需要赋值的子表中的数据项的数据项编码

//参数2:子表行号

//方法功能说明:根据你提供的行号和编码(类似于横纵坐标),找到对应子表数据项

                $.MvcSheetUI.SetControlValue("FinancialAudit.Hyperlink", $.MvcSheetUI.GetControlValue("TravelExpensesList.Hyperlink", row), row);

                $.MvcSheetUI.SetControlValue("FinancialAudit.StartPlace", $.MvcSheetUI.GetControlValue("TravelExpensesList.StartPlace", row), row);

                $.MvcSheetUI.SetControlValue("FinancialAudit.StartDate", $.MvcSheetUI.GetControlValue("TravelExpensesList.StartDate", row), row);

                $.MvcSheetUI.SetControlValue("FinancialAudit.Destination", $.MvcSheetUI.GetControlValue("TravelExpensesList.Destination", row), row);

                $.MvcSheetUI.SetControlValue("FinancialAudit.ReturnDate", $.MvcSheetUI.GetControlValue("TravelExpensesList.ReturnDate", row), row);

                $.MvcSheetUI.SetControlValue("FinancialAudit.Days", $.MvcSheetUI.GetControlValue("TravelExpensesList.Days", row), row);

                $.MvcSheetUI.SetControlValue("FinancialAudit.Customer", $.MvcSheetUI.GetControlValue("TravelExpensesList.Days", row), row);

                $.MvcSheetUI.SetControlValue("FinancialAudit.CityType", $.MvcSheetUI.GetControlValue("TravelExpensesList.CityType", row), row);

                $.MvcSheetUI.SetControlValue("FinancialAudit.TotalCost", $.MvcSheetUI.GetControlValue("TravelExpensesList.TotalCost", row), row);

                $.MvcSheetUI.SetControlValue("FinancialAudit.AttachmentNumber", $.MvcSheetUI.GetControlValue("TravelExpensesList.AttachmentNumber", row), row);

                var val = $.MvcSheetUI.GetControlValue("FinancialAudit.CheckMoney", row);

                if (val != null && val != "") {

                }

                else {

                    $.MvcSheetUI.SetControlValue("FinancialAudit.CheckMoney", $.MvcSheetUI.GetControlValue("TravelExpensesList.TotalCost", row), row);

                }


            });

   //JQuery方法

   //通过子表数据项编码找到子表FinancialAudit的对应列,给整个列附加上不可编辑的属性

            $("input[data-datafield='FinancialAudit.Hyperlink']").attr("disabled", "disabled");

            $("input[data-datafield='FinancialAudit.StartPlace']").attr("disabled", "disabled");

            $("input[data-datafield='FinancialAudit.StartDate']").attr("disabled", "disabled");

            $("input[data-datafield='FinancialAudit.Destination']").attr("disabled", "disabled");

            $("input[data-datafield='FinancialAudit.ReturnDate']").attr("disabled", "disabled");

            $("input[data-datafield='FinancialAudit.Days']").attr("disabled", "disabled");

            $("input[data-datafield='FinancialAudit.Customer']").attr("disabled", "disabled");

            $("input[data-datafield='FinancialAudit.CityType']").attr("disabled", "disabled");

            $("input[data-datafield='FinancialAudit.TotalCost']").attr("disabled", "disabled");

            //$("input[data-datafield='FinancialAudit.AttachmentNumber']").attr("disabled", "disabled");

        }

此示例只是针对同步子表这个功能的讲解,希望大家能从这个例子中更加了解子表,并灵活运用

此示例也是较多方式中的其中一种,希望大家也不要局限于此