状态栏中的交互控件

除了在「策略交互」栏中设计交互控件，还可以在策略状态栏中设计交互控件。目前支持的交互控件种类仅有按钮类型，见 LogStatus。

状态栏中的按钮控件可以分为：

• 普通按钮控件
  数据结构举例为：

  
              json
              
              
  {"type": "button", "name": "Button 1", "cmd": "button1", "description": "This is the first button"}
  

• 带一个输入数据的按钮控件
  使用input属性设置输入控件选项，数据结构举例为：

  
              json
              
              
  {"type": "button", "name": "Button 2", "cmd": "button2", "description": "This is the second button", "input": {"name": "Open Quantity", "type": "number", "defValue": 1}}
  

  
              json
              
              
  {
      "type": "button",
      "cmd": "test1",
      "name": "test1",
      "input": {
          "type": "selected",
          "name": "selected",
          "label": "Dropdown",
          "description": "description",
          "default": 100,
          "settings": {
              "multiple": true,
              "customizable": true,
              "options":[{"name": "A", "value": 100}, {"name": "B", "value": 200}]
          }
      }
  }
  

• 带一组输入数据的按钮控件
  使用group属性设置一组输入控件的选项，数据结构举例为：

  
              json
              
              
  {
      "type": "button",
      "cmd": "open",
      "name": "Open",
      "group": [
          {"name": "orderType", "description": "下单方式|order type", "type": "selected", "defValue": "市价单|挂单"},
          {"name": "tradePrice@orderType==1", "description": "交易价格|trade price", "type": "number", "defValue": 100},
          {"name": "orderAmount", "description": "委托数量|order amount", "type": "string", "defValue": 100},
          {"name": "boolean", "description": "是/否|boolean", "type": "boolean", "defValue": true}
      ]
  }
  

  
              json
              
              
  {
      "type": "button",
      "cmd": "test2",
      "name": "test2",
      "group": [{
          "type": "selected",
          "name": "selected",
          "label": "Dropdown",
          "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字符串，然后使用`字符包裹住，在状态栏输出。以JavaScript语言为例：

            javascript
            
            
function main() {
    var btn = {"type": "button", "name": "Button 1", "cmd": "button1", "description": "This is the first button"}
    LogStatus("`" + JSON.stringify(btn) + "`")
}

这些按钮控件也可以写入状态栏表格中，详细例子见 LogStatus。

input字段结构与group字段中单个控件结构一致，以下为详细说明（带注释的 JavaScript 对象）：

            javascript
            
            
{
    "type": "selected",     // 控件类型（必要字段），支持设置为：number, string, selected, boolean
    "name": "test",         // 名称（group中使用时，为必要字段）
    "label": "topic",       // 标题（必要字段）
    "description": "desc",  // 组件的提示
    "default": 1,           // 默认值；当前JSON结构中如果不设置settings字段，兼容defValue，可以用defValue代替default
    "filter": "a>1",        // 选择器，不设置该字段表示不过滤（显示控件）；设置该字段时，当表达式为真时不过滤（显示控件）。当表达式为假时过滤（不显示控件）
                            // 对于选择器，以当前例子中表达式a>1为例，a指的是type=button的结构中group字段下name为a的控件值，根据此数值判断是否过滤
    "group": "group1",      // 分组
    "settings": {}          // 组件配置，各字段见下文
}

组件配置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字段中单个控件为例，完整的例子（JavaScript 对象）：

            javascript
            
            
{
    type:'selected',
    name:'test',
    label:'选项|options',
    description:'描述|description',
    default:0,                            // 这里default默认值设置0，表示{name:'xxx|yyy',value:0}选项中的value值
    filter:'a>1&&a<10',
    group:'分组|group',
    settings:{
        multiple:true,
        customizable:true,
        options:[{name:'xxx|yyy',value:0}]
    }
}