Button Group

1. Deskripsi :

Penggunaan tipe input ini untuk merender formulir atau input dalam aplikasi web, terkhususkan untuk dynamic-form. Tipe data dalam hal ini yaitu "button-group", pengguna hanya bisa memilih satu dari beberapa opsi. Ketika satu radio button dipilih dengan kondisi yes (true) maka akan menampilkan field lainnya dalam grup yang sama secara otomatis dengan value dan atribute bawaannya. Contoh dalam form “Copy from Another Bottle Request?” pada kasus berikut :

1. Implementasi JSON :

"dynamicForm": [
               {
          "fieldName": "is_BRCopy",
          "fieldLabel": "Copy from Another Bottle Request?",
          "size": 3,
          "type": "button-group",
          "className": "justify-content-around",
          "dataFrom": {
            "value": [
              {
                "value": 1,
                "label": "Yes",
                "color": "success"
              },
              {
                "value": 2,
                "label": "No",
                "color": "danger"
              }
            ]
          },
          "hideOnPage": {
            "add": false,
            "edit": true,
            "view": true
          }
        },
        {
          "fieldName": "id_BR",
          "fieldLabel": "Bottle Request Number",
          "size": 3,
          "type": "dropdown",
          "dataFrom": {
            "api": "BottleRequest",
            "resp_key": "data",
            "baseUrl": "fs",
            "field_label": [
              "letterNumber",
              "Projects_name"
            ],
            "get_params": [
              {
                "key": "id_Contacts",
                "value": "id_Contacts",
                "valueFrom": "other"
              }
            ],
            "field_value": "id",
            "field_label_separator": " ",
            "api_getAlways": true
          },
          "showIf": [
            {
              "fieldName": "is_BRCopy",
              "operator": "===",
              "value": 1
            }
          ]
        },
        {
          "fieldName": "note",
          "fieldLabel": "Note",
          "type": "textarea",
          "size": 12
        }
                ]

1. Gambar capture contoh hasil Implementasi :

Kondisi false

Kondisi True