チェックボックス

Warning

再作業が保留中で、納期は未定です。 Front App SDK（ReactJS）とFront API SDK（NodeJS）の両方が置き換えられます。このページは現在のリリースを文書化し、置き換えが出荷されるまで正確で維持されます。これに対して書かれたコードは引き続き動作します。

チェックボックスを使用すると、定義されたリストから1つまたは複数の項目を選択できます。

{
  "id": "year",
  "type": "filter",
  "component": "checkbox",
  "reference": "year",
  "default": ["2020"]
  "dictionary": "year",
  "items": [
    {
      "value": "2020",
      "label": "Year 2020"
    },
    {
      "value": "2019",
      "label": "Year 2019"
    },
    {
      "value": "2018",
      "label": "Year 2018"
    }
  ]
}

fields	description
`reference`	クエリで変更するフィールドの名前を指定します。これは`filter`タイプの変換の場合です。
`default`	初めて表示する際には、この値が取得されます。
`dictionary`	自動的に、動的にDataPlantから項目を読み込みます。
`items`	表示する要素を手動で定義します。`label`が表示され、`value`が関連するクエリに送信されます。

Warning

チェックボックスの選択肢は、itemsのリストまたはdictionaryから取得されます。

コード例

例:

import React from 'react'
import FpDynamicParameter from 'forepaas/dynamic-parameter'
import moment from 'moment'

const myDynP =  {
  id: 'city',
  type: 'filter',
  component: 'checkbox',
  reference: 'city',
  dictionary: 'city'
}
class MyComponent extends React.Component {
  render () {
    return (
      <div className='hello-world'>
        <FpDynamicParameter dynamic-parameter={myDynP} />
      </div>
    )
  }
}
export default MyComponent

チェックボックス#

#コード例

チェックボックス

コード例