关于SpreadJs默认筛选的问题

KevinChen

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

<script type="text/javascript">

$(document).ready(function(){

var workbook = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));

$("#test1").click(function(){

var sheet = workbook.getSheetFromName("Sheet1");

sheet.setValue(3,3,"AAAAA",GC.Spread.Sheets.SheetArea.viewport);

sheet.setValue(4,3,"BBBBB",GC.Spread.Sheets.SheetArea.viewport);

sheet.setValue(5,3,"AAAAA",GC.Spread.Sheets.SheetArea.viewport);

sheet.setValue(6,3,"CCCCC",GC.Spread.Sheets.SheetArea.viewport);

sheet.setValue(7,3,"AAAAA",GC.Spread.Sheets.SheetArea.viewport);

var tableStyle = GC.Spread.Sheets.Tables.TableThemes.light1;

var table = sheet.tables.add("hello",2,3,6,1,tableStyle);

var rowfilter = sheet.tables.findByName("hello").rowFilter();

rowfilter.filterDialogVisibleInfo({

sortByValue: false,

sortByColor: false,

filterByColor:false,

filterByValue: false,

listFilterArea:true

});

var tableRowfilter = sheet.tables.findByName("hello").rowFilter();

var condition = new GC.Spread.Sheets.ConditionalFormatting.Condition(GC.Spread.Sheets.ConditionalFormatting.ConditionType.textCondition,{

compareType:0,

conType:2,

expected:"AAAAA",

useWildCards:false

});

var condition1 = new GC.Spread.Sheets.ConditionalFormatting.Condition(GC.Spread.Sheets.ConditionalFormatting.ConditionType.textCondition,{

compareType:0,

conType:2,

expected:"CCCCC",

useWildCards:false

});

tableRowfilter.addFilterItem(0,condition);

tableRowfilter.addFilterItem(0,condition1);

tableRowfilter.filter(0);

workbook.refresh();

});

});

</script>
复制代码

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

KevinChen · KevinChen

两个错误：

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

var spread = GC.Spread.Sheets.findControl("ss");
var sheet = spread.getActiveSheet();
sheet.setValue(3,3,"AAAAA",GC.Spread.Sheets.SheetArea.viewport);
sheet.setValue(4,3,"BBBBB",GC.Spread.Sheets.SheetArea.viewport);
sheet.setValue(5,3,"AAAAA",GC.Spread.Sheets.SheetArea.viewport);
sheet.setValue(6,3,"CCCCC",GC.Spread.Sheets.SheetArea.viewport);
sheet.setValue(7,3,"AAAAA",GC.Spread.Sheets.SheetArea.viewport);
var tableStyle = GC.Spread.Sheets.Tables.TableThemes.light1;
var table = sheet.tables.add("hello",2,3,6,1,tableStyle);
// 这里可以通过table.rowFilter拿到正确的筛选器
var filter = table.rowFilter();
// 创建条件
var nCondition_1 = new GC.Spread.Sheets.ConditionalFormatting.Condition(
GC.Spread.Sheets.ConditionalFormatting.ConditionType.textCondition);
nCondition_1.compareType(GC.Spread.Sheets.ConditionalFormatting.TextCompareType.equalsTo);
nCondition_1.expected("AAAAA");
// 创建条件
var nCondition_2 = new GC.Spread.Sheets.ConditionalFormatting.Condition(
GC.Spread.Sheets.ConditionalFormatting.ConditionType.textCondition);
nCondition_2.compareType(GC.Spread.Sheets.ConditionalFormatting.TextCompareType.equalsTo);
nCondition_2.expected("CCCCC");
// 第一个参数是列标
filter.addFilterItem(3, nCondition_1);
filter.addFilterItem(3, nCondition_2);
filter.filter(3);

复制代码

KevinChen · KevinChen

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

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

dl0537 · dl0537

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

KevinChen · KevinChen

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

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

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

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

var spread = GC.Spread.Sheets.findControl("ss");
var sheet = spread.getActiveSheet();
var filter = sheet.rowFilter();
// 创建条件
var nCondition_1 = new GC.Spread.Sheets.ConditionalFormatting.Condition(
GC.Spread.Sheets.ConditionalFormatting.ConditionType.textCondition);
nCondition_1.compareType(GC.Spread.Sheets.ConditionalFormatting.TextCompareType.equalsTo);
nCondition_1.expected("Dafna");
// 创建条件
var nCondition_2 = new GC.Spread.Sheets.ConditionalFormatting.Condition(
GC.Spread.Sheets.ConditionalFormatting.ConditionType.textCondition);
nCondition_2.compareType(GC.Spread.Sheets.ConditionalFormatting.TextCompareType.equalsTo);
nCondition_2.expected("Michelle");
filter.addFilterItem(1, nCondition_1);
filter.addFilterItem(1, nCondition_2);
filter.filter(1);

复制代码

dl0537 · dl0537

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

在学习指南 ...

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

var spread = GC.Spread.Sheets.findControl("ss");
var sheet = workbook.getSheetFromName("Sheet1");
sheet.setValue(3,3,"AAAAA",GC.Spread.Sheets.SheetArea.viewport);
sheet.setValue(4,3,"BBBBB",GC.Spread.Sheets.SheetArea.viewport);
sheet.setValue(5,3,"AAAAA",GC.Spread.Sheets.SheetArea.viewport);
sheet.setValue(6,3,"CCCCC",GC.Spread.Sheets.SheetArea.viewport);
sheet.setValue(7,3,"AAAAA",GC.Spread.Sheets.SheetArea.viewport);
var tableStyle = GC.Spread.Sheets.Tables.TableThemes.light1;
var table = sheet.tables.add("hello",2,3,6,1,tableStyle);
var sheet = spread.getActiveSheet();
var filter = sheet.tables;
// 创建条件
var nCondition_1 = new GC.Spread.Sheets.ConditionalFormatting.Condition(
GC.Spread.Sheets.ConditionalFormatting.ConditionType.textCondition);
nCondition_1.compareType(GC.Spread.Sheets.ConditionalFormatting.TextCompareType.equalsTo);
nCondition_1.expected("AAAAA");
// 创建条件
var nCondition_2 = new GC.Spread.Sheets.ConditionalFormatting.Condition(
GC.Spread.Sheets.ConditionalFormatting.ConditionType.textCondition);
nCondition_2.compareType(GC.Spread.Sheets.ConditionalFormatting.TextCompareType.equalsTo);
nCondition_2.expected("CCCCC");
filter.addFilterItem(1, nCondition_1);
filter.addFilterItem(1, nCondition_2);
filter.filter(1);

复制代码

dl0537 · dl0537

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

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

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

Fiooona · Fiooona

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

		自动登录	找回密码
密码			立即注册

[已处理] 关于SpreadJs默认筛选的问题

最佳答案

7 个回复

微信认证勋章

讲师达人

悬赏达人

元老葡萄

SpreadJS 认证

SpreadJS 高级认证