이 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
문자열
버튼 컨트롤의 설명. 설명은 위상 표시줄의 버튼에 마우스를 누르면 표시됩니다.
설명
문자열
버튼을 비활성화 (진짜) / 활성화 (거짓) 로 설정합니다.
장애인
bool
상호 작용을 위한 상태 표시줄 버튼을 구성할 때, 데이터 입력도 지원됩니다. 상호 작용 명령은 궁극적으로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
field는 상태 표시줄 버튼을 클릭하면 나타나는 팝업 상자에서 컨트롤을 구성합니다.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 LogStatus}
LogStatus 테이블 LogStatus-btnTypeTwo