最後に基本的な使い方(3)数式の使用サンプルファイル:index.formulaTextBox.htmlSpreadJSでは、Excelのように組み込み数式・カスタム数式を使用できます。数式を使用する際は、数式テキストボックス(または、数式バー)も表示するとよいでしょう。数式テキストボックスとは、次のExcelの図のように、計算式の入力を行う場所のことです。Excelにて、数式バーを表示している図SpreadJSでは、HTMLのinput要素のid属性を数式テキストボックスとして使うことができます。Excelのように数式の候補も表示されます。数式テキストボックスを使うには、次のようにHTMLのinput要素を用意し、FormulaTextBoxインスタンスをWorkBook(WorkSheetではなく)に設定します。workbook);fbx.workbook(workbook);ここでは、HTMLのid属性の値を参照していることに注意してください。実際に数式を使ってみましょう。次のようにTypeScriptを記述します。"=SUM(A1,A2)");Excelのように数式の候補や、セルの指定補助が表示されます。バインドを利用して、数式内で名前を参照することもできます。これは、先述のテーブルに対してデータソースをバインドする必要があります。"=[@単価]*[@数量]");第1引数は、数式を入力する場所を表す、テーブル上の列インデックスを指定します。合計欄に、単価*数量の結果が出力されています。セル型サンプルファイル:index.cellbuttons.htmlSpreadJSのセル型を使用することで、セルをボタン・コンボボックス・チェックボックス・ハイパーリンクとして表現できます。任意の行に対してアクションを起こしたい時、複数の項目から値を選択したいといった時に活用できます。次の例は、ボタンを設定し、クリックしたときにアラートを出す処理です。}});行や列の固定Excelにはウィンドウ枠の固定という機能があります。SpreadJSも同じように、四方の固定ができます。実装では、例のように行数や列数を指定します。圧縮・解凍UNIX基本講座@CodeZine『CodeZine(コードジン)』の公式アカウントです。【NEW】デブスト2019デブサミ2019福岡・関西デブサミ2019夏デブスト関西デブサミ2019×ログインEメールパスワード※旧SEメンバーシップ会員の方は、同じ登録情報(Eメール&パスワード)でログインいただけます。イラストの無断転載を禁じます。記載されているロゴ、システム名、製品名は各社及び商標権者の登録商標あるいは商標です。