| テキスト | x-input.text |
|
|
|---|---|---|---|
| テキストエリア | x-input.textarea |
@php($value="あいうえお\nかきくけこ\nさしすせそ")
|
|
| 日付 | x-input.date |
|
| コード | x-input.code |
|
前ゼロ(5桁とする場合) |
|---|---|---|---|
| 個数・金額 | x-input.number |
|
カンマ編集 |
| 小数以下有り | x-input.number |
|
カンマ編集(小数以下2桁までとする場合) |digitに小数以下桁数を指定 |
| 小数以下の桁数変更 | x-input.number |
※ 入力値を変更するまでは、値の切り捨てはしない
(小数以下桁数だけ変更しても値を維持する) |
カンマ編集(小数以下は動的に変更|初期表示5桁) |isVaryDigitにtrueを指定、setDigit()にて桁数変更 |
| チェックボックス |単一 |
x-input.check |
|
チェック時はOnの指定値(デフォルト:1)、非チェック時はOffの指定値(デフォルト:'')、初期値のvalueとの一致でOn/Off切替、textでラベル指定、borderで外枠調整 |
|---|---|---|---|
| チェックボックス |複数 |
x-input.checks |
@php($items = [(object)['value'=>'1', 'name'=>'名称1'],(object)['value'=>'2', 'name'=>'名称2']])
|
itemsで項目リストを指定、それ以外はx-input.enum-checksと同じ |
| ラジオボタン | x-input.radios |
@php($items = [(object)['value'=>'1', 'name'=>'名称1'],(object)['value'=>'2', 'name'=>'名称2']])
|
itemsで項目リストを指定、それ以外はx-input.enum-radiosと同じ |
| セレクト | x-input.enum-select |
|
required指定で空白先頭行を調整 |
|---|---|---|---|
| ラジオボタン | x-input.enum-radios |
|
required指定で「指定しない」調整、borderで外枠調整 |
| チェックボックス | x-input.enum-checks |
|
〃 |
| フラグチェック | x-input.enum-check-flag |
|
チェック時はOnの値(On:1)、非チェック時は空('')(required指定で非チェック時にOffの値(Off:9)) |
| 無効 | x-input.is-active |
|
チェック時はOffの値(Off:9)、非チェック時は空('')(required指定で非チェック時にOnの値(On:1)、textでラベル変更) |
| はい・いいえ | x-input.radio-yes-no |
|
はい・いいえ・指定しない、の選択 |
| 未・済 | x-input.radio-completed |
|
未・済、の選択 |
| 郵便番号 | x-input.postal-code |
|
yubinbango.js使用 ( 親要素でh-adr指定、hiddenでp-country-name指定、 郵便番号で親要素ID指定・p-postal-code指定、 住所1でp-region p-locality p-street-address p-extended-address指定) |
|---|---|---|---|
| 都道府県 | x-parts.select-prefecture |
|
|
| 住所1 |
|
||
| 住所2 |
|
||
| 住所3 |
|
| 住所入力 | x-input.address |
@php($delivery = \App::make(\App\Repositories\CustomerDeliveryRepository::class)->find(11))
|
モーダル表示で住所入力 ( フィールド名は postal_code・address1・address2 を使用している為、 ***_postal_code・***_address1・***_address2 として使用したい場合は、 prefix="***_"と指定) |
|---|
| セレクト | x-parts.select-*** |
|
必要に応じて、 \app\View\Components\Parts\SelectXmaster.php をコピーして Select***.php を作成 |
|---|---|---|---|
| 検索機能付きセレクト | livewire:parts.input-*** |
|
必要に応じて、
\app\Livewire\Parts\InputXmaster.php をコピーして Input***.php を作成 document内に <x-modal.search key="search" id="search" /> を配置 |