SpreadJS V14 Update1 新特性 - 调整单/复选框宽度
本帖最后由 Winny 于 2021-5-17 15:37 编辑SpreadJS V14 Update1之前，单选框及复选框的宽度默认为12，当调整字体时，会出现单/复选框宽度过宽或过窄的问题，如下图：
在V14Update1中，对单/复选框宽度的设置进行了增强，用户不仅可以设置单/复选框的宽度，还可以根据字体大小，自适应调整单/复选框宽度。该功能可以使用代码实现，也可以借助在线表格编辑器，具体实现方式如下所述。
（1）在线表格编辑器 复选框设置宽度： 上图演示了设置复选框的宽度及是否根据字体自动调整复选框宽度，注意勾选自动选项时，图标大小设置是会失效的，二者不可以同时设置。 复选框列表设置宽度： 单选框列表设置宽度： 单/复选框宽度默认为12，若勾选自动选项，则设置的宽度失效，会根据内容文本的大小自动调整宽度。
（2）代码实现 复选框设置宽度：
var cellType1 = new GC.Spread.Sheets.CellTypes.CheckBox();
cellType1.caption("caption");
cellType1.textTrue("true");
cellType1.textFalse("false");
cellType1.textIndeterminate("indeterminate);
cellType1.textAlign(GC.Spread.Sheets.CellTypes.CheckBoxTextAlign.bottom);
cellType1.isThreeState(true);
//设置复选框宽度，参数值为“auto”时开启自适应
cellType1.boxSize(20);
activeSheet.getCell(1,1).cellType(cellType1); 单选框列表设置宽度：var cellType2 = new GC.Spread.Sheets.CellTypes.RadioButtonList();
cellType2.items([{text:"a",value:1},{text:"b",value:2},{text:"c",value:3}]);
//设置单选框列表宽度，值为“auto”时根据文字大小自适应
cellType2.boxSize(20);
activeSheet.getCell(2,2).cellType(cellType2); 复选框列表设置宽度：var cellType2 = new GC.Spread.Sheets.CellTypes.CheckBoxList();
cellType2.items([{text:"a",value:1},{text:"b",value:2},{text:"c",value:3}]);
cellType2.textAlign(20);
//设置复选框列表宽度，值为“auto”时根据文本自适应
cellType2.boxSize(20)；
activeSheet.getCell(2, 2).cellType(cellType2);
页:
[1]