Radio

  1. Deskripsi :

Penggunaan tipe input ini untuk merender formulir atau input dalam aplikasi web, terkhususkan untuk dynamic-form. Tipe data dalam hal ini yaitu "radio", pengguna hanya bisa memilih satu dari beberapa opsi. Ketika satu radio button dipilih, radio button lainnya dalam grup yang sama secara otomatis akan dibatalkan pilihannya.. Contoh dalam form “Qty” pada kasus berikut :

  1. Implementasi JSON :

"dynamicForm": [
  {
        "fieldName": "id_Sf6ConcentrationInventory",
        "fieldLabel": "SF6 Cylinder ID",
        "size": 3,
        "type": "dropdown",
        "isCreatable": true,
        "isCreatableFieldName": "sf6CylinderCode",
        "afterAddReloadOtherPage": ["fs/sf6_concentration"],
        "rules": {
          "required": true
        },
        "dataFrom": {
          "api": "Sf6ConcentrationInventory",
          "resp_key": "data",
          "field_label": ["sf6CylinderCode", "remark"],
          "field_value": "id",
          "field_label_separator": " - ",
          "api_getAlways": false
        }
      },
      {
        "fieldName": "StatusLeakCheck",
        "fieldLabel": "Leak Check",
        "size": 3,
        "type": "radio",
        "dataFrom": {
          "value": [
            {
              "value": true,
              "label": "Yes",
              "color": "success",
              "selected": true
            },
            {
              "value": false,
              "label": "No",
              "color": "danger"
            }
          ]
        }
      },
  ]
  1. Gambar capture contoh hasil Implementasi :

Last updated