Cấu trúc JSON này được sử dụng để cấu hình điều khiển nút trong thanh trạng thái. Cấu trúc JSON điều khiển nút có thể được nhúng vào cấu trúc bảng JSON thanh trạng thái. Cấu trúc này là một cấu trúc phiên bản cũ, và nền tảng vẫn tương thích. Ví dụ về việc xây dựng điều khiển nút thanh trạng thái (sau khi nút được kích hoạt và nhấp, hộp bật lên chứa một điều khiển đầu vào duy nhất, được xây dựng thông qua trường đầu vào):
{
"type": "button",
"cmd": "open",
"name": "opening a position",
"input": {
"name": "number of opening positions",
"type": "number",
"defValue": 1
}
}
Các điều khiển trong hộp bật lên được kích hoạt bằng cách nhấp vào nút thanh trạng thái điều khiển được thiết lập thông quainputhoặcgroup.
Đối với các điều khiển nút, cài đặt cố định là:button.
loại
chuỗi
Cài đặt kiểu nút
lớp học
chuỗi
Văn bản trên nút điều khiển, nghĩa là tên nút.
tên
chuỗi
Nội dung lệnh tương tác được gửi đến chiến lược khi điều khiển nút kích hoạt một hoạt động nhấp chuột.
cmd
chuỗi
Mô tả của nút điều khiển. Mô tả được hiển thị khi chuột được đặt trên nút trong thanh trạng thái.
mô tả
chuỗi
Thiết lập nút tắt (true) / bật (false).
tàn tật
bool
Khi xây dựng một nút thanh trạng thái cho tương tác, nhập dữ liệu cũng được hỗ trợ.GetCommand()thêm cácinputmục vào cấu trúc dữ liệu JSON của điều khiển nút trong thanh trạng thái để cấu hình điều khiển đầu vào trong hộp bật lên được hiển thị khi nút được kích hoạt.
Ví dụ, để thiết lập giá trị củainputtrường:
{
"name": "Number of opening positions",
"type": "number",
"defValue": 1,
"description": "test",
}
Mô tả của mỗi trường trong cấu trúc JSON trên:
"number": điều khiển đầu vào số."string": điều khiển đầu vào chuỗi."selected": điều khiển hộp thả xuống."boolean"Đổi điều khiển."input": {"name": "Opening quantity", "type": "selected", "defValue": "A|B|C"}, mô tả văn bản của các tùy chọn hộp thả xuống được đặt là A, B, C.Đối với các trường được mở rộng bởi điều khiển loại hộp thả xuống:
{text: "description", value: "value"}Sử dụng trường defValue để đặt tùy chọn mặc định, có thể là nhiều lựa chọn.đầu vào
JSON
Cácinputfield cấu hình một điều khiển trong hộp pop-up xuất hiện sau khi nút thanh trạng thái được kích hoạt bằng cách nhấp vào.groupvàinputlà nó cấu hình một nhóm các điều khiển.groupcó cùng cấu trúc dữ liệu nhưinputVui lòng tham khảo mô tả liên quan củainput field.
nhóm mảng
Một ví dụ vềclassgiá trị của cấu trúc JSON của nút trong thanh trạng thái:
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) + "`")
}
Ví dụ sử dụnggrouplĩnh vực vớiinputtrường:
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-table LogStatus-btnTypeTwo