# VisualforceページでのSheetの利用

作成したシートは任意のVisualforceページの中でVisualforceコンポーネントを利用して表示することが可能です。配置されたコンポーネントはVisualforceページからスクリプトを介して動作を制御することも可能です。

Visualforceページにシートを表示するコンポーネントを配置するには、以下の手順に従います。

1. Visualforceページを用意し、下記のようにして`msmxSheet:SheetView`コンポーネントを追加します。ブックIDおよびシートIDについては[「URLでのシートへのアクセス」](https://docs.mashmatrix.com/mashmatrix-sheet/ja/customization/access_sheet_directly_with_url)を参考に指定します。

```
<apex:page>
  // ...
  <msmxSheet:SheetView
    id="(コンポーネントのID)"
    bookId="(ブックID)"
    sheetId="(シートID)"
    width="100%"
    height="400px"
  />
</apex:page>
```

`msmxSheet:SheetView`コンポーネントに指定可能な属性は以下のとおりです。

* **id** - 表示するコンポーネントのID
* **bookId** - 表示するシートを含むブックのID (必須)
* **sheetId** - 表示するシートのID。シートIDの値はシート設定から参照可能。指定されない場合はブックに含まれるシートが全てタブで表示される
* **recordId** - コンテキストとなるレコードのID。このID値がフィルタの「関連レコードID」として利用される
* **width** - コンポーネントの幅。ピクセルおよびパーセントでの指定が可能
* **height** - コンポーネントの高さ。ピクセルおよびパーセントでの指定が可能