このJSON構造は,ステータスバーのボタン制御を構成するために使用されます. ボタン制御JSON構造は,ステータスバーテーブルJSON構造に埋め込むことができます. この構造は古いバージョンの構造であり,プラットフォームはまだ互換性があります. ボタンJSON構造の最新バージョンを使用することをお勧めします. ステータスバー ボタン コントロールを構成する例 (ボタンが起動してクリックされた後,ポップアップ ボックスは入力フィールドを通じて構成される単一の入力 コントロールを含みます):
{
"type": "button",
"cmd": "open",
"name": "opening a position",
"input": {
"name": "number of opening positions",
"type": "number",
"defValue": 1
}
}
状態バーボタンをクリックすると起動するポップアップボックスのコントロールは,input
またはgroup
.
ボタンのコントロールでは,固定設定は:button
- わかった
タイプ
文字列
ボタンタイプ設定
クラス
文字列
ボタンのコントロールのテキスト つまり ボタンの名前です
名前
文字列
ボタン制御がクリック操作を誘発するときに戦略に送信されるインタラクティブなコマンドコンテンツ.
cmd
文字列
ボタン制御の記述. 記述は,マウスがステータスバーのボタンを押したときに表示されます.
記述
文字列
ボタンを disabled (true) / enabled (false) に設定する.
障害者
ボール
インタラクション用のステータスバーボタンを構築する際には,データ入力もサポートされます.インタラクションコマンドは最終的にGetCommand()
追加するinput
状態バーのボタン制御のJSONデータ構造への項目を入力します. ボタンを起動すると表示されるポップアップボックスに入力制御を設定します.
例えば,値を設定するにはinput
フィールド:
{
"name": "Number of opening positions",
"type": "number",
"defValue": 1,
"description": "test",
}
上記のJSON構造の各フィールドの記述:
"number"
:数値入力制御"string"
文字列入力制御"selected"
:ドロップダウンボックス制御."boolean"
制御を切り替える"input": {"name": "Opening quantity", "type": "selected", "defValue": "A|B|C"}
,ドロップダウンボックスオプションのテキスト記述はA,B,Cに設定されています.ドロップダウンボックス型制御で拡張されたフィールドでは:
{text: "description", value: "value"}
デフォルトオプションを設定するために defValue フィールドを使用します.インプット
JSON
についてinput
状態バーボタンをクリックすると起動します.group
そしてinput
コントロールのグループを構成します.group
データの構造はinput
フィールドの値. フィールドの適切な説明を参照してくださいinput
field.
グループ 配列
この例はclass
ステータスバーのボタンのJSON構造の値:
function main() {
var table = {
type: "table",
title: "Status bar button style",
cols: ["Default", "Original", "Success", "Information", "Warning", "Danger"],
rows: [
[
{"type":"button", "class": "btn btn-xs btn-default", "name": "Default"},
{"type":"button", "class": "btn btn-xs btn-primary", "name": "Original"},
{"type":"button", "class": "btn btn-xs btn-success", "name": "Success"},
{"type":"button", "class": "btn btn-xs btn-info", "name": "Information"},
{"type":"button", "class": "btn btn-xs btn-warning", "name": "Warning"},
{"type":"button", "class": "btn btn-xs btn-danger", "name": "Danger"}
]
]
}
LogStatus("`" + JSON.stringify(table) + "`")
}
この例では,group
フィールドとinput
フィールド:
function main() {
// The drop-down box control in the page triggered by the testBtn1 button uses the options field to set options and the defValue field to set the default options. This is different from other examples in this chapter that directly use defValue to set options.
var testBtn1 = {
type: "button",
name: "testBtn1",
cmd: "cmdTestBtn1",
input: {name: "testBtn1ComboBox", type: "selected", options: ["A", "B"], defValue: 1}
}
/*
Status bar button control (set input field implementation) testBtn2 button triggered by the page in the drop-down box control using the options field to set the options, options field in the options field not only supports the string,
it also supports the use of ```{text: "description", value: "value"}``` structure. Use the defValue field to set the default option. The default option can be multiple selection (multiple selection is achieved through an array structure). Multiple selection requires setting the additional field multiple to true.
*/
var testBtn2 = {
type: "button",
name: "testBtn2",
cmd: "cmdTestBtn2",
input: {
name: "testBtn2MultiComboBox",
type: "selected",
description: "Implementing multiple selection in drop-down box",
options: [{text: "Option A", value: "A"}, {text: "Option B", value: "B"}, {text: "Option C", value: "C"}],
defValue: ["A", "C"],
multiple: true
}
}
// Status bar grouping button control (set group field implementation) testBtn3 button triggered by the page in the drop-down box control using the options field to set options, also supports the direct use of defValue set options.
var testBtn3 = {
type: "button",
name: "testBtn3",
cmd: "cmdTestBtn3",
group: [
{name: "comboBox1", label: "labelComboBox1", description: "Drop-down box 1", type: "selected", defValue: 1, options: ["A", "B"]},
{name: "comboBox2", label: "labelComboBox2", description: "Drop-down box 2", type: "selected", defValue: "A|B"},
{name: "comboBox3", label: "labelComboBox3", description: "Drop-down box 3", type: "selected", defValue: [0, 2], multiple: true, options: ["A", "B", "C"]},
{
name: "comboBox4",
label: "labelComboBox4",
description: "Drop-down box 4",
type: "selected",
defValue: ["A", "C"],
multiple: true,
options: [{text: "Option A", value: "A"}, {text: "Option B", value: "B"}, {text: "Option C", value: "C"}, {text: "Option D", value: "D"}]
}
]
}
while (true) {
LogStatus("`" + JSON.stringify(testBtn1) + "`\n", "`" + JSON.stringify(testBtn2) + "`\n", "`" + JSON.stringify(testBtn3) + "`\n")
var cmd = GetCommand()
if (cmd) {
Log(cmd)
}
Sleep(5000)
}
}
{@fun/Log/LogStatus ログステータス}
ログステータス表 ログステータス-btnタイプ2