1. 程式人生 > >ASP.NET-FineUI開發實踐-18

ASP.NET-FineUI開發實踐-18

通過 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:Listener 
Event="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