資源の読み込みに... 荷物...

ログステータス-btnTypeOne

この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構造の各フィールドの記述:

  • 名前 ステータスバーボタンの後にポップアップボックスに表示される コントロールのタイトルはクリック操作を誘発します
  • 記述 ステータスバーボタンがクリック操作を誘発した後にポップアップボックスに表示されるコントロールの説明.
  • タイプ ステータスバーボタンを押した後にポップアップボックスに表示されるコントロールのタイプがクリック操作を誘発します.タイプフィールドの可能な値は以下のとおりです:
    1. "number":数値入力制御
    2. "string"文字列入力制御
    3. "selected":ドロップダウンボックス制御.
    4. "boolean"制御を切り替える
  • defValue は ステータスバーボタンを押した後にポップアップボックスに表示されるコントロールのデフォルト値はクリック操作を誘発します. ドロップダウン ボックス タイプ コントロール (選択) の場合,ドロップダウン ボックス オプションを設定するために defValue フィールドを使用します.例えば:"input": {"name": "Opening quantity", "type": "selected", "defValue": "A|B|C"},ドロップダウンボックスオプションのテキスト記述はA,B,Cに設定されています.

ドロップダウンボックス型制御で拡張されたフィールドでは:

  • オプション 状態バー ボタン コントロールによって起動されるページ内のドロップダウン ボックス コントロールは,オプションフィールドを使用してオプションを設定できます.オプションフィールドのオプションは,文字列をサポートするだけでなく,{text: "description", value: "value"}デフォルトオプションを設定するために defValue フィールドを使用します.
  • 複数 このフィールドを true に設定すると,ドロップダウン ボックスで複数の選択がサポートされます.

インプット 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