本帖最后由 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);
| 
陕公网安备：61019002000258 |
隐私政策 |
网站地图
