FlexGrid动态绑定下拉列表

1、asp.net Mvc 的FlexGrid控件，怎样动态绑定联动下拉列表。有没有demo或者官网文档如下图：
比如第一行的使用部门，我选择的是总经办，产品线的下拉列表只能选择（HGAA、HGBA）
比如第二行的使用部门，我选择的是财务部，产品线的下拉列表只能选择（HGDA、HGNA）
比如第三行的使用部门，我选择的是研发部，产品线的下拉列表只能选择（HGPA、HGRA）

还是以demo中下面的页面来修改

在CustomGridEditor中生成的wijmo.input.ComboBox中，有一个gotFocus事件,目前通过这个事件来修改数据源，这样子显示出来的时候就是对应的city了

1.     // create data maps
   
2.     var countryMap = new wijmo.grid.DataMap(getCountries(), 'id', 'name');
   
3.     //var cityMap = new wijmo.grid.DataMap(getCities(), 'id', 'name');
   
4.     var city = getCities();
   
5.     var theGrid = wijmo.Control.getControl('#theGrid');
   
6.     theGrid.itemsSource = getData();
   
7.     theGrid.columns[0].dataMap = countryMap;
   
8. 
   
9.     // create an editor based on a ComboBox
   
10.     var multiColumnEditor = new CustomGridEditor(theGrid, 'city', wijmo.input.ComboBox, {
    
11.         headerPath: 'name',
    
12.         displayMemberPath: 'name',
    
13.         
    
14.         itemsSource: city
    
15.     });
    
16. 
    
17.     // customize the ComboBox to show multiple columns
    
18.     var combo = multiColumnEditor.control;
    
19.     combo.listBox.formatItem.addHandler(function (s, e) {
    
20.         e.item.innerHTML = '<table><tr>' +
    
21.             '<td style="width:30px;text-align:right;padding-right:6px">' + e.data.id + '</td>' +
    
22.             '<td style="width:100px;padding-right:6px"><b>' + e.data.name + '</b></td>' +
    
23.             '<td style="width:100px;padding-right:6px">' + e.data.country +'</td>' +
    
24.             '</tr></table>';
    
25.     });
    
26.     combo.gotFocus.addHandler(function () {
    
27.         combo.itemsSource = getCitiesOfOneCountry();
    
28. 
    
29. 
    
30.         });
    
31. 
    
32.     function getCitiesOfOneCountry() {
    
33. 
    
34.         
    
35.         var arr = [];
    
36.         cities = getCities(),
    
37.         country = theGrid.collectionView.currentItem.country;
    
38.         for (var i = 0; i < cities.length; i++) {
    
39.             var city = cities[i];
    
40.             if (city.country == country) {
    
41.                 arr.push(city);
    
42.             }
    
43.         }
    
44.         return arr;
    
45.     };

复制代码

好的，验证后给你回复

Richard.Ma 发表于 2019-11-19 10:54
抱歉，还需要和您确认一下，现在的需求是下面的哪一个呢？

1.datamap在前，多列的combo在后，通过datama ...

是第一种CustomGridEditor，但是联动的下拉框内容都需要格式化。如：科目可以下拉格式化(使用CustomGridEditor方式)，下拉格式化显示编号+名称
单位码1、单位码2、单位码3、单位码4都是通过科目过滤的，也需要格式化显示。
目前使用您提供的方法：
1、var countryMap = new wijmo.grid.DataMap(getCountries(), 'id', 'name');
这种方式可以联动，但是不能格式化下拉内容。
2、CustomGridEditor这种可以格式化，但是没有getDisplayValues事件联动。
请指教，谢谢

抱歉，还需要和您确认一下，现在的需求是下面的哪一个呢？

1.datamap在前，多列的combo在后，通过datamap触发combo的数据发生改变
2.多列的combo在前，datamap在后，通过combo触发datamap的数据发生变化，

如果是第二个需求的话那getDisplayValues是可以用的，所以您的需求应该是第一个吗？

按理说这两个功能不会互相影响的，这个我需要验证一下，明天给你结果

Richard.Ma 发表于 2019-11-18 12:15
还是这个demo中，有一个页面是你需要的功能

目前我们使用的格式化也是CustomGridEditor，但是这个方法怎么触发FlexGrid联动getDisplayValues事件。我要的效果是问题1那个可以联动，但是下拉的数据可以格式化显示，谢谢。

还是这个demo中，有一个页面是你需要的功能

Richard.Ma 发表于 2019-11-15 18:10
请参考这个demo：   ComponentOne Samples\ASP.NET MVC\v4.0\MVC\CS\HowTo\LearnMvcClient\LearnMvcClient
...

FlexGrid的DataMap这种下拉框，可以进行数据格式化吗？下拉显示编号-名称，选择后显示编号。跟单独的combobox这样。选择状态：
选中后：

请参考这个demo：   ComponentOne Samples\ASP.NET MVC\v4.0\MVC\CS\HowTo\LearnMvcClient\LearnMvcClient