LogStatus함수 섹션의
일반적인 버튼 컨트롤 데이터 구조의 예는 다음과 같습니다.
{"type": "button", "name": "button1", "cmd": "button1", "description": "This is the first button."}
데이터 입력과 함께 버튼 제어
사용input입력 제어 옵션을 설정하는 속성, 예를 들어 데이터 구조:
{"type": "button", "name": "button2", "cmd": "button2", "description": "This is the second button.", "input": {"name": "number of open positions", "type": "number", "defValue": 1}}
{
"type": "button",
"cmd": "test1",
"name": "test1",
"input": {
"type": "selected",
"name": "selected",
"label": "drop-down box",
"description": "description",
"default": 100,
"settings": {
"multiple": true,
"customizable": true,
"options":[{"name": "A", "value": 100}, {"name": "B", "value": 200}]
}
},
}
입력 데이터 집합과 함께 버튼 제어
사용group입력 컨트롤 그룹에 대한 옵션을 설정하는 속성, 예를 들어 데이터 구조:
{
"type": "button",
"cmd": "open",
"name": "open positions",
"group": [
{"name": "orderType", "description": "下单方式|order type", "type": "selected", "defValue": "market order|pending order"},
{"name": "tradePrice@orderType==1", "description": "交易价格|trade price", "type": "number", "defValue": 100},
{"name": "orderAmount", "description": "委托数量|order amount", "type": "string", "defValue": 100},
{"name": "boolean", "description": "yes/no|boolean", "type": "boolean", "defValue": True}
]
}
{
"type": "button",
"cmd": "test2",
"name": "test2",
"group": [{
"type": "selected",
"name": "selected",
"label": "drop-down box",
"description": "description",
"default": 200,
"group": "group1",
"settings": {
"multiple": true,
"options":[{"name": "A", "value": 100}, {"name": "B", "value": 200}]
}
}, {
"type": "string",
"name": "string",
"label": "input box",
"description": "description",
"default": "ABC",
"group": "group1"
}],
}
JSON 문자열로 이 버튼 제어 JSON 데이터를 인코드하고,`자바스크립트 언어를 예로 들어보죠.
function main() {
var btn = {"type": "button", "name": "button1", "cmd": "button1", "description": "This is the first button."}
LogStatus("`" + JSON.stringify(btn) + "`")
}
이 버튼 컨트롤은 또한 상태 표시줄 양식에 작성 될 수 있습니다, 참조하십시오문법 안내상세한 예제를 위해.
그 구조는input이 필드는 단일 컨트롤의 구조와 일치합니다group세부 설명은 아래와 같습니다.
{
"type": "selected", // Control type (required field), supports the following settings: number, string, selected, boolean
"name": "test", // Name (required when used in group)
"label": "topic", // Title (required field)
"description": "desc", // Component tips
"default": 1, // Default value; if the settings field is not set in the current JSON structure, defValue is compatible and can be used instead of default
"filter": "a>1", // Selector. If this field is not set, no filtering (controls are displayed). If this field is set, no filtering (controls are displayed) occurs when the expression is true. Filtering occurs when the expression is false (controls are not displayed)
// For the selector, take the expression a>1 in the current example as an example, a refers to the value of the control with name a under the group field in the structure of type=button. This value is used to determine whether to filter.
"group": "group1", // Grouping
"settings": { ... }, // Component configuration
}
부품 구성settings각 필드는 상세히 설명됩니다.
settings.required: 이 옵션이 필요한지.settings.disabled: 비활성화 여부.settings.min: 유효한 경우type=number, 최소 값 또는 최소 문자열 길이를 나타냅니다.settings.max: 유효한 경우type=number, 최대 값 또는 최대 문자열 길이를 나타냅니다.settings.step: type=number, 유효한 경우render=slider, 계단 길이를 나타냅니다.settings.multiple: type=selected유효한 값이므로 여러 선택이 지원됩니다.settings.customizable: type=selected해당 옵션이 유효한 경우, 사용자 정의가 지원된다는 것을 나타냅니다. 사용자는 드롭다운 상자 컨트롤에서 직접 편집하고 새로운 옵션을 추가할 수 있습니다. 새로 편집된 옵션이 선택되면 상호 작용이 시작될 때 옵션이 나타내는 값 대신 옵션의 이름이 사용됩니다.settings.options: 유효한 경우type=selected, 선택 옵션 데이터 형식을 표시합니다:["option 1", "option 2"], [{'name':'xxx','value':0}, {'name':'xxx','value':1}].settings.render: 렌더링 컴포넌트 타입
언제?type=number, settings.render설정되지 않은 경우 (예정 번호 입력 상자), 선택:slider(글라이더 바)date(시간 선택기는 시간표를 반환합니다.)
언제?type=string, settings.render설정되지 않습니다 (예정된 단일 줄 입력 상자). 선택:textarea(다중선 입력)date(시간 선택기가 yyyy-MM-dd hh:mm:ss를 반환합니다.)color(색 선택기가 #FF00FF를 반환합니다.)
언제?type=selected, settings.render설정되지 않은 경우 (예정된 드롭다운 상자), 선택 사항:segment(세그먼트 선택기)type=boolean현재 기본 체크 박스만 있습니다.이중 언어 설정을 지원합니다. 예를 들어:'选项 | options'현재 언어 환경에 맞게 조정됩니다.group예를 들어, 전체 사례는:
{
type:'selected',
name:'test',
label:'选项｜options',
description:'描述｜description',
default:0, // Here, the default value is set to 0, which means the value in the option {name:'xxx|yyy',value:0}
filter:'a>1&&a<10',
group:'分组|group',
settings:{
multiple:true,
customizable:true,
options:[{name:'xxx|yyy',value:0}]
}
}