码迷,mamicode.com
首页 > Web开发 > 详细

ASP.NET-FineUI开发实践-18

时间:2017-07-13 12:04:38      阅读:178      评论:0      收藏:0      [点我收藏+]

标签: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

标签:cell   选择器   选择   div   bind   判断   net   过程   value   

原文地址:http://www.cnblogs.com/shiworkyue/p/7159704.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!