タグ: #ui
3 件の記事
-
JavaScriptスプレッドシートに「入力規則」を ― 不正なデータをセルの手前で止める
ドロップダウンリスト、数値・日付の範囲チェック、数式によるカスタム検証 ― フォームバリデーションのコードを1行も書かずに、不正な入力をタイプした瞬間に弾く。ReoGrid Web の Excel 互換データ検証を、受注入力シートの実コードで解説。入力時メッセージ・エラーアラート・xlsx ラウンドトリップまで。
-
JavaScriptスプレッドシートで作る「信号機ダッシュボード」 ― 条件付き書式を実例で
在庫が少なければ赤、売上が目標超なら緑、キャンセル行は自動でフラグ ― セルを値に応じて色分けする処理を、スタイルのループを一切書かずに。ReoGrid Web の3種類の条件付き書式ルールを、値の変化に連動して再評価される在庫ダッシュボードの実コードで解説します。
-
チェックボックス・ドロップダウン・進捗バー ― セルタイプで「動く勤怠管理表」をWebに作る
Excel業務シートの☑チェックや選択リストを、HTMLフォームで作り直さずWebへ。ReoGrid Web の組み込みセルタイプ8種（checkbox・dropdown・progress・rating・sparkline 等）で勤怠管理表を組み立てる実装ガイド。実コード付き。