SpreadJS条件格式的基本应用
本文主要介绍了SpreadJS条件格式的基本应用。
1. 当你的表单含有数千行数据时，仅仅通过从原始数据中检查模式和趋势是极其困难的。
与迷你图类似，条件格式化提供了另外一种途径来可视化数据和使表单更加容易理解。
2. 要为Spread.Sheets 添加条件格式，首先调用 conditionalFormats 属性来获得表单的条件格式。
然后你可以创建一个条件规则并调用 addRule 方法来添加它。
你也可以使用特殊规则的添加方法，比
如 addSpecificTextRule, addCellValueRule 等。
例如：
3. 在你为表单添加了一些规则之后，便可以调用 getRule 方法通过规则的索引来获取指定规则或者获取所有的条件规则。
例如：
4. 如果你想删除一些条件规则，请调用 removeRule, removeRuleByRange, 或者 clearRule 方法。
例如：
效果展示：。
Java环境下如何实现SpreadJS的普通组合框单元格Java环境下如何实现SpreadJS的普通组合框单元格SpreadJS纯前端表格控件是基于HTML5的JavaScript电子表格和网格功能控件，适用于.NET、Java和移动端等各平台在线编辑类Excel功能的表格程序开发。
本文主要介绍了Java环境下如何实现SpreadJS的复选框单元格。
boBox代表一种组合框单元格类型。
2.创建一个普通组合框单元格，请参照以下代码：varcombo=boBox();sheet.setCellType(3,2,combo,GC.Spread.Sheets.SheetArea.vi ewport);3.你可以使用editorValueType方法来设置或者获取被写入底层数据模型的值。
这种编辑值的类型是一个枚举EditorValueType。
text:将选中的项目的文本值写入数据模型中。
index:将选中的项目的下标写入数据模型中。
value:将选中的项目相应的数据值写入数据模型中.combo.editorValueType(GC.Spread.Sheets.CellTypes.EditorV alueType.text);4.不同的editorValueType编辑类型形成了不同的编辑值。
组合框的值取决于下拉列表中的项目。
你可以使用items方法来获取或者设置项目。
例如：combo.items([{text:''Oranges'',value:''11k''},{text:''Apples'',value:''15k''},{text:''Grape'',value:''100k''}]);5.你可以使用editable方法设置是否容许用户在复选框上进行输入。
SpreadJS筛选的基本应⽤介绍SpreadJS筛选的基本应⽤介绍SpreadJS纯前端表格控件是基于HTML5的JavaScript电⼦表格和⽹格功能控件，适⽤于.NET、Java和移动端等各平台在线编辑类Excel功能的表格程序开发。
本⽂主要介绍了SpreadJS筛选的基本应⽤。
1.显⽰那些符合你指定条件的⾏，隐藏那些你不想显⽰的⾏。
2.当为⼯作表设置筛选时，⾸先需要创建⼀个⾏筛选，然后调⽤rowFilter⽅法来设置这个⾏筛选。
有⼀些内置筛选。
例如：addAverageFilter:平均值筛选addBackgroundFilter:背景⾊筛选.addDateFilter:⽇期筛选addForegroundFilter:前景⾊筛选addNumberFilter:数字筛选addTextFilter:⽂本筛选.addTop10Filter:前10项筛选.varrange=newGC.Spread.Sheets.Range(-1,0,-1,2);varrowFilter=newGC.Spread.Sheets.Filter.HideRowFilter(range);sheet.rowFilter(rowFilter);rowFilter.filterButtonVisible(false);varcondition=newGC.Spread.Sheets.ConditionalFormatting.Condition(GC.Spread.Sheets.Con ditionalFormatting.ConditionType.textCondition,{compareType:GC.Spread.Sheets.ConditionalFormatting.TextCompareType.contains,expected:''e''});rowFilter.addFilterItem(1,condition);rowFilter.filter(1);你也可以创建⼀个条件并且调⽤addFilterItem⽅法来为⾏筛选添加⼀个特殊的筛选。
sheetjs使用方法SheetJS是一个用于处理电子表格文件的JavaScript库。
它提供了将电子表格文件读取为数据对象以及将数据对象导出为电子表格文件的功能。
以下是SheetJS的使用方法：1. 引入SheetJS库```html<script src="path/to/sheetjs.js"></script>```2.读取电子表格文件使用SheetJS可以读取各种电子表格文件格式，如Excel（.xls或.xlsx）、CSV等。
以下是读取Excel文件的示例代码：```javascript//创建一个文件读取器var reader = new FileReader(;//监听文件加载完成事件reader.onload = function(e)var data = new Uint8Array(e.target.result);var workbook = XLSX.read(data, { type: 'array' });//从第一个工作表获取数据var worksheet = workbook.Sheets[workbook.SheetNames[0]];var jsonData = XLSX.utils.sheet_to_json(worksheet, { header: 1 });console.log(jsonData);//处理数据...};//读取文件reader.readAsArrayBuffer(file);```这段代码首先创建了一个`FileReader`对象，然后监听文件加载完成事件。
一旦文件加载完成，将读取到的文件数据转换为`Uint8Array`，然后使用SheetJS的`XLSX.read`方法将数据解析为工作簿对象。
接下来，从工作簿对象中获取第一个工作表，并使用`XLSX.utils.sheet_to_json`方法将工作表转换为JSON格式的数据。
SpreadJS在V10版本后推出了纯前端的Excel导入导出，这个功能可以很方便的实现客户端的Excel导入导出，但是如果用户需要导入导出到浏览器端又该怎么办呢？其实纯前端的Excel导入导出同样可以实现服务器端的Excel导入导出。
下面让我们来看一下是如何实现的：本示例的后端使用JAVA语言，通过SpreadJS的前端导出导出与JAVA后端结合，实现分从服务器端导入Excel与导出Excel保存至服务器端这两个功能：从服务器端导入Excel：这部分使用纯前端实现，纯前端实现有一个弊端就是，浏览器没有权限访问服务器上工程目录以外的路径，所以需要将服务器端的Excel放入工程目录下。
然后下载到前端直接打开，核心代码如下：var excelIo = new GC.Spread.Excel.IO();var excelFilePath = 'resources/Excel/importExcel.xlsx';var xhr = new XMLHttpRequest();xhr.open('GET', excelFilePath, true);xhr.responseType = 'blob';xhr.onload = function(e) {if(this.status == 200) {// get binary data as a responsevar blob = this.response;// convert Excel to JSONexcelIo.open(blob, function(json) {var workbookObj = json;spread.fromJSON(workbookObj);}, function(e) {// process erroralert(e.errorMessage);}, {});}};xhr.send();导出Excel保存至服务器端：这部分使用前端导出功能与后端java结合的方式来实现，首先通过前端Excel导出，生成导出文件，然后通过formdata来承载导出文件，之后通过ajax将formdata传至后端java。
