버튼 목록
체크박스 및 라디오 목록 사용법과 비슷하지만 버튼 목록 목록은 단일 선택 또는 다중 선택을 수행할 수 있습니다.
설명
app.js
index.html
styles.css
다음 코드를 사용하여 buttonList 셀을 만듭니다.
var cellType = new GC.Spread.Sheets.CellTypes.ButtonList();
cellType.items([{text:"a",value:1},{text:"b",value:2},{text:"c",value:3}]);
activeSheet.getCell(2, 2).cellType(cellType);
라디오 목록 셀 유형 및 체크박스 목록 셀 유형과 비슷하게 버튼 목록 셀 유형에는 items, isFlowLayout, maxRowCount, maxColumnCount, itemSpacing 및 direction 메서드가 포함됩니다.
var cellType = new GC.Spread.Sheets.CellTypes.ButtonList();
cellType.items([{text:"a",value:1},{text:"b",value:2},{text:"c",value:3}]);
cellType.isFlowLayout(false);
cellType.maxColumnCount(2);
cellType.direction(GC.Spread.Sheets.CellTypes.Direction.vertical);
cellType.itemSpacing({
horizontal:80,
vertical:20
});
activeSheet.getCell(2, 2).cellType(cellType);
padding 메서드를 사용하여 CSS와 유사한 형식이 포함된 픽셀 단위의 패딩을 가져오거나 설정할 수 있습니다.
selectedBackColor 및 selectedForeColor 메서드를 사용하여 선택된 스타일을 구성할 수 있습니다.
selectionMode 메서드를 사용하여 단일 선택 또는 다중 선택 모드를 설정할 수 있습니다.
var cellType = new GC.Spread.Sheets.CellTypes.ButtonList();
cellType.items([{text:"a",value:1},{text:"b",value:2},{text:"c",value:3}]);
cellType.padding("5, 2, 0, 2");
cellType.selectedBackColor("#FFFF00");
cellType.selectedForeColor("#FFFF00");
cellType.selectionMode(GC.Spread.Sheets.CellTypes.SelectionMode.single);
activeSheet.getCell(2, 2).cellType(cellType);