在表单中,控件类型为子表的数据项,其对于的前台代码其实就是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");
}
此示例只是针对同步子表这个功能的讲解,希望大家能从这个例子中更加了解子表,并灵活运用
此示例也是较多方式中的其中一种,希望大家也不要局限于此
转载于:https://blog.51cto.com/12438115/1924110