基本リスト
基本リストはアイコンと一行文字列だけのシンプルなリストです。モバイルアプリケーションなど領域が少ないアプリケーションでの使用が有効です。
プロパティ
UIダイアログ
項目 | 入力値 | オプション | デフォルト値 |
---|---|---|---|
ID | 文字列 | 自動設定 | |
幅 | 数値 | 200 | |
高さ | 数値 | 220 | |
X | 数値 | ||
Y | 数値 | ||
表示 | 真偽 | • オン • オフ | オン |
値 | 文字列 | 詳細1 | |
クリックイベント | 選択 | • なし • アクション | アクション |
アクション
項目 | プロパティ | データ型 | オプション | デフォルト値 |
---|---|---|---|---|
ID | id | string | 自動設定 | |
幅 | width | number | 200 | |
高さ | height | number | 220 | |
X | x | number | ||
Y | y | number | ||
表示 | visibility | boolean | • true • false | true |
値 | value | array of object | 詳細1 |
Tips
[詳細1] 値 (value)
デフォルトの状態は以下のように登録されています。[ADD]
ボタンから登録します。
削除する場合は、チェックボックスを選択して、[DELETE]
ボタンをクリックします。
選択 | ID | icon | Primary | Divider |
---|---|---|---|---|
チェックボックス | item1 | Inbox | Inbox | none |
チェックボックス | item2 | Drafts | Drafts | none |
valueはオブジェクトの配列形式になります。
[{"id":"item1","icon":"Inbox","primary":"Inbox","divider":"none"},{"id":"item2","icon":"Drafts","primary":"Drafts","divider":"none"}]
Tips
イベント
イベント名 | 説明 |
---|---|
onclick | クリックした時にアクションを実行します。 |
[selected]
プロパティによって、クリックした行のオブジェクトが取得できます。
項目 | 例 |
---|---|
取得方法 | $ui.basic_list_id.selected |
取得値 | {“id”:“item1”,“icon”:“Inbox”,“primary”:“Inbox”,“divider”:“none”} |