SpreadJS V14 Update1 新特性 - 调整单/复选框宽度

SpreadJS V14 Update1之前，单选框及复选框的宽度默认为12，当调整字体时，会出现单/复选框宽度过宽或过窄的问题，如下图：
  
在V14Update1中，对单/复选框宽度的设置进行了增强，用户不仅可以设置单/复选框的宽度，还可以根据字体大小，自适应调整单/复选框宽度。该功能可以使用代码实现，也可以借助在线表格编辑器，具体实现方式如下所述。

（1）在线表格编辑器

         复选框设置宽度：

         

        上图演示了设置复选框的宽度及是否根据字体自动调整复选框宽度，注意勾选自动选项时，图标大小设置是会失效的，二者不可以同时设置。

        复选框列表设置宽度：

        

       单选框列表设置宽度：

      

      单/复选框宽度默认为12，若勾选自动选项，则设置的宽度失效，会根据内容文本的大小自动调整宽度。

（2）代码实现

         复选框设置宽度：  

1. var cellType1 = new GC.Spread.Sheets.CellTypes.CheckBox();
   
2. cellType1.caption("caption");
   
3. cellType1.textTrue("true");
   
4. cellType1.textFalse("false");
   
5. cellType1.textIndeterminate("indeterminate);
   
6. cellType1.textAlign(GC.Spread.Sheets.CellTypes.CheckBoxTextAlign.bottom);
   
7. cellType1.isThreeState(true);
   
8. //设置复选框宽度，参数值为“auto”时开启自适应
   
9. cellType1.boxSize(20);
   
10. activeSheet.getCell(1,1).cellType(cellType1);

复制代码

        单选框列表设置宽度：

1. var cellType2 = new GC.Spread.Sheets.CellTypes.RadioButtonList();
   
2. cellType2.items([{text:"a",value:1},{text:"b",value:2},{text:"c",value:3}]);
   
3. //设置单选框列表宽度，值为“auto”时根据文字大小自适应
   
4. cellType2.boxSize(20);
   
5. activeSheet.getCell(2,2).cellType(cellType2);

复制代码

        复选框列表设置宽度：

1. var cellType2 = new GC.Spread.Sheets.CellTypes.CheckBoxList();
   
2. cellType2.items([{text:"a",value:1},{text:"b",value:2},{text:"c",value:3}]);
   
3. cellType2.textAlign(20);
   
4. //设置复选框列表宽度，值为“auto”时根据文本自适应
   
5. cellType2.boxSize(20)；
   
6. activeSheet.getCell(2, 2).cellType(cellType2);

复制代码