ASP.NET-FineUI開發實踐-18

標籤：cell   選取器   選擇   div   bind   判斷   net   過程   value   

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