SpreadJS新人学习笔记13-单元格类型

收藏

本帖最后由 Fiooona 于 2019-4-8 09:39 编辑

SpreadJS 单元格可以设置不同的类型，按钮、checkbox、下拉框、超链接、或者自定义单元格。可以单独给一个单元格设置类型，也可以把单元格类型绑定到列上、让某一列成为一个类型的单元格。
按钮单元格
可设定按钮在单元格的位置，距离各边距的位置、背景色、文字等

// CellTypes可以是 Button、CheckBox、Combobox、hyperlink
var b1 = new GC.Spread.Sheets.CellTypes.Button();
sheet.setCellType(3, 2, b1, GC.Spread.Sheets.SheetArea.viewport);

复制代码

复选框单元格
默认有两种状态，选中和未选中，也可通过isThreeState(true) 设定为三种状态：选中、未选中、不确定、
普通组合框单元格（单选下拉框）
通过设定是否可编辑editable()，可以控制单元格是单选可输框或者单选不可输。
思考：如何实现多选可输、多选不可输？
超链接单元格
可设置鼠标悬浮提示信息、设置未访问及以访问过的字体颜色、控制文本缩进、对齐方式、自动换行、设置回调函数，下图中，点击超链接在回调中改变了表单名的样式。

自定义单元格
例子中姓名列为自定义单元格，点击后可单独编辑FirstName,SecondName,并且回显：

自定义列头
设定一个自定义超链接格式列头，点击后对该列进行排序：

具体实现查看附件demo。

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

SpreadJS新人学习笔记13-单元格类型

0 个回复

微信认证勋章