SpreadJS中,当单元格内容为Date类型时,添加筛选器后,会显示日期筛选,如下图所示:
本文会介绍使用代码给日期单元格添加筛选器并设置默认的筛选项。
Step1: 数据准备;
设置某一列为日期类型:
- let sheet = spread.getActiveSheet()
- sheet.setValue(0,0,'订单日期')
- sheet.setArray(1,0,[[new Date('2021-09-09')],[new Date('2021-09-07')],[new Date('2021-09-05')]])
- sheet.setFormatter(-1,0,'YYYY-MM-DD')
- sheet.getCell(-1,0).width(200)
复制代码
Step2: 添加筛选器;
- sheet.rowFilter(new GC.Spread.Sheets.Filter.HideRowFilter(new GC.Spread.Sheets.Range(1,0,sheet.getRowCount()-1,3))
复制代码 Step3:添加默认筛选条件。
- let condition = new GC.Spread.Sheets.ConditionalFormatting.Condition(GC.Spread.Sheets.ConditionalFormatting.ConditionType.dateCondition,{
- compareType: GC.Spread.Sheets.ConditionalFormatting.DateCompareType.equalsTo,
- expected: new Date('2021-09-05')
- })
- let rowFilter = sheet.rowFilter()
- rowFilter.addFilterItem(0,condition)
- rowFilter.filter(0)
复制代码
通过上面三个步骤,就可以实现在筛选器上添加默认筛选条件。
参考示例链接:https://jscodemine.grapecity.com/share/WGMJTHTT5kuand2H75ja5w/
|
|