売上明細

次のサンプルは、Vue を利用した場合、SpreadJS のスプレッドシートを使用して、売上一覧表示とモーダルウィンドウで売上明細管理を想定したサンプルです。

説明
app.vue
detail-modal.vue
index.html
data.js
styles.css

このサンプルでは、SpreadJS と InputManJS を組み合わせて、売上一覧の表示と売上詳細の CRUD 操作を示すサンプルです。

メモ:

  • [詳細編集]ボタンをクリックして、モーダルウィンドウで当該行の詳細を表示することができます。
  • モーダルウィンドウのコントロールは InputManJS のコントロールを使用しています。
  • 詳細情報を編集し、CRUD 操作を行うことができます。
  • モーダルウィンドウを閉じると、編集されたデータが売上一覧に反映されます。
このサンプルでは、SpreadJS と InputManJS を組み合わせて、売上一覧の表示と売上詳細の CRUD 操作を示すサンプルです。 メモ: [詳細編集]ボタンをクリックして、モーダルウィンドウで当該行の詳細を表示することができます。 モーダルウィンドウのコントロールは InputManJS のコントロールを使用しています。 詳細情報を編集し、CRUD 操作を行うことができます。 モーダルウィンドウを閉じると、編集されたデータが売上一覧に反映されます。