在表單中,控件類型爲子表的數據項,其對於的前臺代碼其實就是Tableide
下面簡單介紹遍歷子表的方法優化
循環子表取、賦值方法:this
//此方法的功能是將子表TravelExpensesList複製到子表FinancialAudit中編碼
//步驟解析:spa
//一、取到子表FinancialAudit的總行數ci
//二、因爲是將子表TravelExpensesList複製到子表FinancialAudit中,也就是子表TravelExpensesList是有值的,而子表FinancialAudit是剛初始化的,沒有值,因此在同步值以前須要先要保持兩個子表的行數一致,故每次循環需比較行數是否一致input
//三、經過行號取到子表TravelExpensesList各列的數據值,並賦值給子表FinancialAudit同步
function InitFinancialAuditData() {it
//取到FinancialAudit的總行數(JQuery)io
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");
}
此示例只是針對同步子表這個功能的講解,但願你們能從這個例子中更加了解子表,並靈活運用
此示例也是較多方式中的其中一種,但願你們也不要侷限於此