| 種類 | 入力部品 | 入力 | 表示部品 | 表示 | 対応方法 |
|---|---|---|---|---|---|
| テキスト | x-input.text |
|
x-input.text |
|
readonly属性追加 |
| テキストエリア | x-input.textarea |
@php($value="あいうえお\nかきくけこ\nさしすせそ")
|
x-input.textarea |
|
readonly属性追加 |
| 日付 | x-input.date |
|
x-input.text |
|
x-input.textでreadonly属性追加 |
| コード | x-input.code |
|
x-input.code |
|
readonly属性追加 |
| 個数・金額 | x-input.number |
|
x-input.number |
|
readonly属性追加 |
| 小数以下有り | x-input.number |
|
x-input.number |
|
readonly属性追加 |
| セレクト | x-input.enum-select |
|
x-input.text |
|
x-input.textでreadonly属性追加(Enum::nameで名称取得) |
| ラジオボタン | x-input.enum-radios |
|
x-input.enum-radios |
|
disabled属性追加 |
| チェックボックス | x-input.enum-checks |
|
x-input.enum-checks |
|
disabled属性追加 |
| フラグチェック | x-input.enum-check-flag |
|
x-input.enum-check-flag |
|
disabled属性追加 |
| 無効 | x-input.is-active |
|
x-input.is-active |
|
disabled属性追加 |
| はい・いいえ | x-input.radio-yes-no |
|
x-input.radio-yes-no |
|
disabled属性追加 |
| 郵便番号 | x-input.postal-code |
|
x-input.text |
|
x-input.textでreadonly属性追加 |
| 郵便番号+MAP | x-button.link-map |
|
|||
| 住所 | ※伝票入力などで住所表示に使った場合のみ | x-parts.text-address |
|
x-parts.text-address を使用 |
| 種類 | 入力部品 | 入力 | 表示部品 | 表示 | 対応方法 |
|---|---|---|---|---|---|
| セレクト | x-parts.select-*** |
|
x-input.text |
@php($obj = (object)['warehouse'=>(object)['warehouse_name'=>'倉庫01']])
|
x-input.textでreadonly属性追加 (モデルのリレーションから名称取得) |
| 検索機能付き セレクト |
livewire:parts.input-*** |
|
x-input.code-name |
@php($obj = (object)['user'=>(object)['user_code'=>'001', 'user_name'=>'利用者01']])
|
x-input.code-nameを使用 (モデルのリレーションから名称取得) sizeでコード幅調整 |