关于SpreadJs默认筛选的问题

关于SpreadJs的筛选，按照之前的做法(需要筛选的区域数据是做在模板中，在加载画面时，在Js侧动态加载筛选功能)中，能够实现筛选功能以及默认选中指定内容。
但是随着客户需求的变更，要求筛选区域的数据是动态加载的，在加载完之后加入筛选功能，并设定默认表示区域。在这种情况下，默认选中的功能却实现不了了，希望各位大神能够提供帮助。
代码如下

1. 
   
2.         <script type="text/javascript">
   
3.         $(document).ready(function(){
   
4.         var workbook = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
   
5.         $("#test1").click(function(){
   
6.         var sheet = workbook.getSheetFromName("Sheet1");
   
7.         sheet.setValue(3,3,"AAAAA",GC.Spread.Sheets.SheetArea.viewport);
   
8.         sheet.setValue(4,3,"BBBBB",GC.Spread.Sheets.SheetArea.viewport);
   
9.         sheet.setValue(5,3,"AAAAA",GC.Spread.Sheets.SheetArea.viewport);
   
10.         sheet.setValue(6,3,"CCCCC",GC.Spread.Sheets.SheetArea.viewport);
    
11.         sheet.setValue(7,3,"AAAAA",GC.Spread.Sheets.SheetArea.viewport);
    
12. 
    
13.         var tableStyle = GC.Spread.Sheets.Tables.TableThemes.light1;
    
14. 
    
15.         var table = sheet.tables.add("hello",2,3,6,1,tableStyle);
    
16. 
    
17.         var rowfilter = sheet.tables.findByName("hello").rowFilter();
    
18.         rowfilter.filterDialogVisibleInfo({
    
19.         sortByValue: false,
    
20. sortByColor: false,
    
21.         filterByColor:false,
    
22.         filterByValue: false,
    
23.         listFilterArea:true
    
24.         });
    
25. 
    
26.         var tableRowfilter = sheet.tables.findByName("hello").rowFilter();
    
27.         var condition = new GC.Spread.Sheets.ConditionalFormatting.Condition(GC.Spread.Sheets.ConditionalFormatting.ConditionType.textCondition,{
    
28.         compareType:0,
    
29.         conType:2,
    
30.         expected:"AAAAA",
    
31.         useWildCards:false
    
32.         });
    
33. 
    
34.         var condition1 = new GC.Spread.Sheets.ConditionalFormatting.Condition(GC.Spread.Sheets.ConditionalFormatting.ConditionType.textCondition,{
    
35.         compareType:0,
    
36.         conType:2,
    
37.         expected:"CCCCC",
    
38.         useWildCards:false
    
39.         });
    
40. 
    
41.         tableRowfilter.addFilterItem(0,condition);
    
42.         tableRowfilter.addFilterItem(0,condition1);
    
43.         tableRowfilter.filter(0);
    
44. 
    
45. workbook.refresh();
    
46. 
    
47.         });
    
48.         });
    
49.         </script>

复制代码

想实现的功能是，在点击test1按钮时，现在指定单元格赋值，之后再给指定区域追加筛选功能，最后设定默认选中“AAAAA”和“CCCCC”

  可以给上方版主评分，5分为非常满意

KevinChen 发表于 2019-12-6 17:19
两个错误：

1、var filter = sheet.tables; 这句。。。我改了，如下列代码所示。

终于知道问题出在什么地方了，是在addFilterItem时第一个参数应该是筛选所在列，但是我的代码中指定的并不是所筛选的那一列。
关于筛选真不是很了解，真心非常感谢~~~
给你加个鸡腿

KevinChen 发表于 2019-12-6 14:14
您好，抱歉上次理解错了你的意思，实际上这里就是需要用代码设置一下筛选条件，并执行筛选。

在学习指南 ...

非常感谢你的帮助，不过这边因为要在一个Sheet中的不同区域分别做筛选，之前在网上查过在这种情况下只能用sheet.tables来做，但是用你提供的方法在addFilterItem时会报错。
请问如果用tables来做筛选的话因该如何实装
下边是我按照你提供的代码按照tables做了修改之后的代码

1. var spread = GC.Spread.Sheets.findControl("ss");
   
2.                                
   
3.                                 var sheet = workbook.getSheetFromName("Sheet1");
   
4.                                 sheet.setValue(3,3,"AAAAA",GC.Spread.Sheets.SheetArea.viewport);
   
5.                                 sheet.setValue(4,3,"BBBBB",GC.Spread.Sheets.SheetArea.viewport);
   
6.                                 sheet.setValue(5,3,"AAAAA",GC.Spread.Sheets.SheetArea.viewport);
   
7.                                 sheet.setValue(6,3,"CCCCC",GC.Spread.Sheets.SheetArea.viewport);
   
8.                                 sheet.setValue(7,3,"AAAAA",GC.Spread.Sheets.SheetArea.viewport);
   
9.                                
   
10.                                 var tableStyle = GC.Spread.Sheets.Tables.TableThemes.light1;
    
11.                                
    
12.                                 var table = sheet.tables.add("hello",2,3,6,1,tableStyle);
    
13. 
    
14. var sheet = spread.getActiveSheet();
    
15. var filter = sheet.tables;
    
16. 
    
17. // 创建条件
    
18. var nCondition_1 = new GC.Spread.Sheets.ConditionalFormatting.Condition(
    
19.     GC.Spread.Sheets.ConditionalFormatting.ConditionType.textCondition);
    
20. nCondition_1.compareType(GC.Spread.Sheets.ConditionalFormatting.TextCompareType.equalsTo);
    
21. nCondition_1.expected("AAAAA");
    
22. 
    
23. // 创建条件
    
24. var nCondition_2 = new GC.Spread.Sheets.ConditionalFormatting.Condition(
    
25.     GC.Spread.Sheets.ConditionalFormatting.ConditionType.textCondition);
    
26. nCondition_2.compareType(GC.Spread.Sheets.ConditionalFormatting.TextCompareType.equalsTo);
    
27. nCondition_2.expected("CCCCC");
    
28. 
    
29. 
    
30. filter.addFilterItem(1, nCondition_1);
    
31. filter.addFilterItem(1, nCondition_2);
    
32. 
    
33. filter.filter(1);

复制代码

您好，抱歉上次理解错了你的意思，实际上这里就是需要用代码设置一下筛选条件，并执行筛选。

在学习指南的这个示例中：

https://demo.grapecity.com.cn/sp ... ilter-dialog/purejs

你把这个示例下载到本地，然后执行以下代码就可以实现你的需求：

1. var spread = GC.Spread.Sheets.findControl("ss");
   
2. var sheet = spread.getActiveSheet();
   
3. var filter = sheet.rowFilter();
   
4. 
   
5. // 创建条件
   
6. var nCondition_1 = new GC.Spread.Sheets.ConditionalFormatting.Condition(
   
7.     GC.Spread.Sheets.ConditionalFormatting.ConditionType.textCondition);
   
8. nCondition_1.compareType(GC.Spread.Sheets.ConditionalFormatting.TextCompareType.equalsTo);
   
9. nCondition_1.expected("Dafna");
   
10. 
    
11. // 创建条件
    
12. var nCondition_2 = new GC.Spread.Sheets.ConditionalFormatting.Condition(
    
13.     GC.Spread.Sheets.ConditionalFormatting.ConditionType.textCondition);
    
14. nCondition_2.compareType(GC.Spread.Sheets.ConditionalFormatting.TextCompareType.equalsTo);
    
15. nCondition_2.expected("Michelle");
    
16. 
    
17. 
    
18. filter.addFilterItem(1, nCondition_1);
    
19. filter.addFilterItem(1, nCondition_2);
    
20. 
    
21. filter.filter(1);

复制代码

谢谢回答，我们的需求不是要指定选中区域，想做的效果是实现筛选之后，并且按照指定的条件进行了筛选。但是我提供的那版代码实现不了按照指定条件进行筛选的效果

您好，想指定默认选中的区域，可以用addSelection来实现，参考API：

https://demo.grapecity.com.cn/sp ... t~addSelection.html

两个错误：

1、var filter = sheet.tables; 这句。。。我改了，如下列代码所示。
2、addFilterItem第一个参数是列标，根据你的代码，传3就好，完整代码如下：

1. var spread = GC.Spread.Sheets.findControl("ss");
   
2.                               
   
3. var sheet = spread.getActiveSheet();
   
4. 
   
5. sheet.setValue(3,3,"AAAAA",GC.Spread.Sheets.SheetArea.viewport);
   
6. sheet.setValue(4,3,"BBBBB",GC.Spread.Sheets.SheetArea.viewport);
   
7. sheet.setValue(5,3,"AAAAA",GC.Spread.Sheets.SheetArea.viewport);
   
8. sheet.setValue(6,3,"CCCCC",GC.Spread.Sheets.SheetArea.viewport);
   
9. sheet.setValue(7,3,"AAAAA",GC.Spread.Sheets.SheetArea.viewport);
   
10. 
    
11. var tableStyle = GC.Spread.Sheets.Tables.TableThemes.light1;
    
12. 
    
13. var table = sheet.tables.add("hello",2,3,6,1,tableStyle);
    
14. 
    
15. // 这里可以通过table.rowFilter拿到正确的筛选器
    
16. var filter = table.rowFilter();
    
17. 
    
18. // 创建条件
    
19. var nCondition_1 = new GC.Spread.Sheets.ConditionalFormatting.Condition(
    
20.     GC.Spread.Sheets.ConditionalFormatting.ConditionType.textCondition);
    
21. nCondition_1.compareType(GC.Spread.Sheets.ConditionalFormatting.TextCompareType.equalsTo);
    
22. nCondition_1.expected("AAAAA");
    
23. 
    
24. // 创建条件
    
25. var nCondition_2 = new GC.Spread.Sheets.ConditionalFormatting.Condition(
    
26.     GC.Spread.Sheets.ConditionalFormatting.ConditionType.textCondition);
    
27. nCondition_2.compareType(GC.Spread.Sheets.ConditionalFormatting.TextCompareType.equalsTo);
    
28. nCondition_2.expected("CCCCC");
    
29. 
    
30. // 第一个参数是列标
    
31. filter.addFilterItem(3, nCondition_1);
    
32. filter.addFilterItem(3, nCondition_2);
    
33. 
    
34. filter.filter(3);

复制代码