ASP.NET-FineUI開發實踐-18
阿新 • • 發佈:2017-07-13
通過 ner abi loaddata cor 測試 listeners clas asp
Grid編輯下垃級聯 看了看專業版的例子,分為以前幾步,都是前端的
1.編輯父下拉框後,重置子下拉框 2.編輯子下垃框前,通過父下垃框數據得到下垃項,然後綁定數據 所以這裏要截取Grid的兩個事件,編輯前事件和編輯後事件 我以前博客裏有編輯前事件 即beforeedit 編輯後事件為 edit 所以為第一步 Grid 加如下代碼1 <Listeners> 2 <f:Listener Event="beforeedit" Handler="Gbeforeedit" /> 3 <f:ListenerEvent="edit" Handler="Gedited" /> 4 </Listeners>
第二步 實現 註意註釋 應該都能看明白
1 //編輯事件 在編輯專業前判斷是否是男女 進行數據綁定 2 function Gbeforeedit(editor, e, eop) { 3 if (e.field == "Major") { 4 //得到選擇器控件 5 var edcmp = e.column.getEditor();6 //根據不同值綁定數據 得到值的過程略 7 var data = GetMajorData(e.record.data.Gender); 8 edcmp.f_loadData(data); 9 } 10 } 11 //編輯後事件 編輯完 性別後 重置專業 12 function Gedited(editor, e, eop) { 13 if (e.field == "Gender") {14 e.grid.f_updateCellValue(e.record.getId(), ‘Major‘, ‘‘); 15 } 16 } 17 //根據不同值綁定數據 得到值的過程略 可以直接用Ajax獲取 18 function GetMajorData(Gender) { 19 if (Gender == "1") { 20 return [["材料科學與工程系", "材料科學與工程系", 1], ["化學系", "化學系", 1]]; 21 } else { 22 return [["數學系", "數學系", 1], ["物理系", "物理系", 1], ["自動化系", "自動化系", 1]]; 23 } 24 }
測試頁面為grid_editor_cell_databind.aspx 版本:開源版v6.0.1
ASP.NET-FineUI開發實踐-18