[{"id":"924e5c0c-0717-4fae-9bbc-0b496941985e","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"22646924-f1ae-4a94-ac8e-e3e8ea2931f2","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"827318c4-10fd-462b-aa96-fab2cff174a9","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"8f626f70-8570-4934-a0e5-fc0ca6584738","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"1029bbcc-399c-42e6-b412-a0437395d2d5","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"7e6097ce-e53b-416c-89c8-a3708db50528","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"3d1b1e48-357c-4999-985c-d9422356690a","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"e6cb5248-c20b-4d3e-adaf-b5c547e29548","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"58695f0f-7cb8-4bad-b617-dda90b01f606","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"081f453a-0e9a-4f06-a70b-18085a1f0d81","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"2c1d8bf8-2b69-4b16-bac9-9c46901abb6a","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"a042f416-d318-415c-b294-ed88a5010572","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"7a454c88-860a-4e28-b52c-b18bae07dfe8","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"63b1ec03-c852-40ec-860e-f025c5791091","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"6b7d135b-71b4-4af7-828c-b28bf70b8ec7","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"5937193e-fd56-4296-8e32-ba41dba8e564","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"8ed468db-93ce-4cb3-8e2b-3249d9d464a7","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"4169f34f-3e9b-45c1-91bf-41c02c3ad5a4","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"411aa66d-8df8-4466-896a-d8de68cf7066","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"7fc8dcfc-27ff-4496-96c2-d92dfe1fb4b2","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"02afd225-87f7-4f6d-8be1-0a303c8beade","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"8040235f-6c53-447e-a7f0-4fe5911e066b","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"0610b0d6-03c7-461b-9dd4-f8d1b1787e7c","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"7919ac2f-121b-447c-82ed-15d13b45df0b","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"1d01b943-eac8-480b-8d85-19bd093c8b3d","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"1f4d1309-e22c-413f-848d-2c0ca8450b0e","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"66d78fb1-e833-4bbf-ac7c-6bdfce9a80b0","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"ed5ad6f1-f5a2-47b8-a915-b185e8471ca3","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"6e9decb7-47f3-4871-81b9-65504bc293f1","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"836dcc3b-2afe-4351-bf9f-bd9e2b0c8510","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"80633614-e86b-4b0b-9129-9f7acab69f6d","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"1aaae15a-3496-43eb-a681-b077034832e4","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"70ce0595-eb94-4eb3-84f6-3a89ab8a4409","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"f3e379ff-ca52-44d8-a15e-966f89904220","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"c1228456-1b5c-429d-b231-25c10a2b41cc","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"58e7444a-12e4-4161-81db-0bb54d09eca9","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"f70c6c85-addd-43e7-8e2b-69dfe4a0a2fd","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"de70365b-d7c6-4355-a59b-3e77a6a374ae","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]}]
        
(Showing Draft Content)

シート要素

次の表は、gc-spread-sheets要素の全項目一覧を示します。

機能

Spread.Sheets API

備考

name

Workbook.name

string


allowUserZoom

Workbook.options.allowUserZoom = value

boolean


allowUserResize

Workbook.options.allowUserResize = value

boolean


tabStripVisible

Workbook.options.tabstripvisible = value

boolean


tabEditable

Workbook.options.tabEditable = value

boolean


newTabVisible

Workbook.options.newTabVisible = value

boolean


allowUserEditFormula

Workbook.options.allowUserEditFormula = value

boolean


autoFitType

Workbook.options.autofittype = value

GC.Spread.Sheets.AutoFitType


allowUserDragFill

Workbook.options.allowUserDragfill = value

boolean


allowUserDragDrop

Workbook.options.allowUserDragDrop = value

boolean


allowUserDragMerge

Workbook.options.allowUserDragMerge = value

boolean


allowUndo

Workbook.options.allowUndo = value

boolean


allowUserDeselect

Workbook.options.allowUserDeselect = value

boolean


allowSheetReorder

Workbook.options.allowSheetReorder = value

boolean


allowContextMenu

Workbook.options.allowContextMenu = value

boolean


allowCopyPasteExcelStyle

Workbook.options.allowCopyPasteExcelStyle = value

boolean


allowExtendPasteRange

Workbook.options.allowExtendPasteRange = value

boolean


cutCopyIndicatorVisible

Workbook.options.cutCopyIndicatorVisible = value

boolean


cutCopyIndicatorBorderColor

Workbook.options.cutCopyIndicatorBorderColor = value

string


copyPasteHeaderOptions

Workbook.options.copyPasteHeaderOptions = value

GC.Spread.Sheets.CopyPasteHeaderOptions


defaultDragFillType

Workbook.options.defaultDragFillType = value

GC.Spread.Sheets.Fill.AutoFillType


enableFormulaTextbox

Workbook.options.enableFormulaTextbox = value

boolean


highlightInvalidData

Workbook.options.highlightInvalidData = value

boolean


referenceStyle

Workbook.options.referenceStyle = value

GC.Spread.Sheets.ReferenceStyle


backColor

Workbook.options.backColor = value

string


grayAreaBackColor

Workbook.options.grayAreaBackColor = value

string


backgroundImage

Workbook.options.backgroundImage = value

string


backgroundImageLayout

Workbook.options.backgroundImageLayout = value

GC.Spread.Sheets.ImageLayout


resizeZeroIndicator

Workbook.options.resizeZeroIndicator = value

GC.Spread.Sheets.ResizeZeroIndicator


showVerticalScrollbar

Workbook.options.showVerticalScrollbar = value

boolean


showHorizontalScrollbar

Workbook.options.showHorizontalScrollbar = value

boolean


ShowScrollTip

Workbook.options.showScrollTip = value

GC.Spread.Sheets.ShowScrollTip


ShowResizeTip

Workbook.options.showResizeTip = value

GC.Spread.Sheets.ShowResizeTip


showDragDropTip

Workbook.options.showDragDropTip = value

boolean


showDragFillTip

Workbook.options.showDragFillTip = value

boolean


showDragFillSmartTag

Workbook.options.showDragFillSmartTag = value

boolean


scrollbarShowMax

Workbook.options.scrollbarShowMax = value

boolean


scrollbarMaxAlign

Workbook.options.scrollbarMaxAlign = value

boolean


scrollIgnoreHidden

Workbook.options.scrollIgnoreHidden = value

boolean


tabStripRatio

Workbook.options.tabStripRatio = value

number


tabNavigationVisible

Workbook.options.tabNavigationVisible = value

boolean


useTouchLayout

Workbook.options.useTouchLayout = value

boolean


hostStyle


any

親要素のスタイル。Angularのスタイルバインディングと同様です。(例:width: 400px, height: 600px)

hostClass


string

親要素のクラス名

次のサンプルはsheet要素の使用例です:

@Component({
      selector: 'my-app',
      template: `<gc-spread-sheets [backColor]="spreadBackColor" [hostStyle]="hostStyle">
                 </gc-spread-sheets>`,
    })
    export class AppComponent {
      spreadBackColor = 'aliceblue';
      hostStyle = {
          width: '800px',
          height: '600px'
      };
    }

次の表は、sheetイベントの一覧を示します:

機能

Spread.Sheets API

備考

workbookInitialized


workbookインスタンスと引数{spread: workbook}を返します。

validationError

GC.Spread.Sheets.Events.ValidationError


cellClick

GC.Spread.Sheets.Events.CellClick


cellDoubleClick

GC.Spread.Sheets.Events.CellDoubleClick


enterCell

GC.Spread.Sheets.Events.EnterCell


leaveCell

GC.Spread.Sheets.Events.LeaveCell


valueChanged

GC.Spread.Sheets.Events.ValueChanged


topRowChanged

GC.Spread.Sheets.Events.TopRowChanged


leftColumnChanged

GC.Spread.Sheets.Events.LeftColumnChanged


invalidOperation

GC.Spread.Sheets.Events.InvalidOperation


rangeFiltering

GC.Spread.Sheets.Events.RangeFiltering


rangeFiltered

GC.Spread.Sheets.Events.RangeFiltered


tableFiltering

GC.Spread.Sheets.Events.TableFiltering


tableFiltered

GC.Spread.Sheets.Events.TableFiltered


rangeSorting

GC.Spread.Sheets.Events.RangeSorting


rangeSorted

GC.Spread.Sheets.Events.RangeSorted


clipboardChanging

GC.Spread.Sheets.Events.ClipboardChanging


clipboardChanged

GC.Spread.Sheets.Events.ClipboardChanged


clipboardPasting

GC.Spread.Sheets.Events.ClipboardPasting


clipboardPasted

GC.Spread.Sheets.Events.ClipboardPasted


columnWidthChanging

GC.Spread.Sheets.Events.ColumnWidthChanging


columnWidthChanged

GC.Spread.Sheets.Events.ColumnWidthChanged


rowHeightChanging

GC.Spread.Sheets.Events.RowHeightChanging


rowHeightChanged

GC.Spread.Sheets.Events.RowHeightChanged


dragDropBlock

GC.Spread.Sheets.Events.DragDropBlock


dragDropBlockCompleted

GC.Spread.Sheets.Events.DragDropBlockCompleted


dragFillBlock

GC.Spread.Sheets.Events.DragFillBlock


dragFillBlockCompleted

GC.Spread.Sheets.Events.DragFillBlockCompleted


editStarting

GC.Spread.Sheets.Events.EditStarting


editChange

GC.Spread.Sheets.Events.EditChange


editEnding

GC.Spread.Sheets.Events.EditEnding


editEnd

GC.Spread.Sheets.Events.EditEnd


editEnded

GC.Spread.Sheets.Events.EditEnded


rangeGroupStateChanging

GC.Spread.Sheets.Events.RangeGroupStateChanging


rangeGroupStateChanged

GC.Spread.Sheets.Events.RangeGroupStateChanged


selectionChanging

GC.Spread.Sheets.Events.SelectionChanging


selectionChanged

GC.Spread.Sheets.Events.SelectionChanged


sheetTabClick

GC.Spread.Sheets.Events.SheetTabClick


sheetTabDoubleClick

GC.Spread.Sheets.Events.SheetTabDoubleClick


sheetNameChanging

GC.Spread.Sheets.Events.SheetNameChanging


sheetNameChanged

GC.Spread.Sheets.Events.SheetNameChanged


userZooming

GC.Spread.Sheets.Events.UserZooming


userFormulaEntered

GC.Spread.Sheets.Events.UserFormulaEntered


cellChanged

GC.Spread.Sheets.Events.CellChanged


columnChanged

GC.Spread.Sheets.Events.ColumnChanged


rowChanged

GC.Spread.Sheets.Events.RowChanged


activeSheetChanging

GC.Spread.Sheets.Events.ActiveSheetChanging


activeSheetChanged

GC.Spread.Sheets.Events.ActiveSheetChanged


sparklineChanged

GC.Spread.Sheets.Events.SparklineChanged


rangeChanged

GC.Spread.Sheets.Events.RangeChanged


buttonClicked

GC.Spread.Sheets.Events.ButtonClicked


editorStatusChanged

GC.Spread.Sheets.Events.EditorStatusChanged


floatingObjectChanged

GC.Spread.Sheets.Events.FloatingObjectChanged


floatingObjectSelectionChanged

GC.Spread.Sheets.Events.FloatingObjectSelectionChanged


pictureChanged

GC.Spread.Sheets.Events.PictureChanged


floatingObjectRemoving

GC.Spread.Sheets.Events.FloatingObjectRemoving


floatingObjectRemoved

GC.Spread.Sheets.Events.FloatingObjectRemoved


pictureSelectionChanged

GC.Spread.Sheets.Events.PictureSelectionChanged


floatingObjectLoaded

GC.Spread.Sheets.Events.FloatingObjectLoaded


touchToolStripOpening

GC.Spread.Sheets.Events.TouchToolStripOpening


commentChanged

GC.Spread.Sheets.Events.CommentChanged


commentRemoving

GC.Spread.Sheets.Events.CommentRemoving


commentRemoved

GC.Spread.Sheets.Events.CommentRemoved


slicerChanged

GC.Spread.Sheets.Events.SlicerChanged


次のサンプルはイベントの使用例です:

@Component({
      selector: 'my-app',
      template: `<gc-spread-sheets (workbookInitialized)="workbookInit($event)"
                                   (validationError)="validationError($event)">
                 </gc-spread-sheets>`,
    })
    export class AppComponent {
      workbookInit (args) {
          //do something
      }
      validationError (args) {
          //do something
      }
    }

次の表は子要素の一覧を示します:

子要素

Spread.Sheets API

カウント

gc-worksheet

GC.Spread.Sheets.Worksheet

any