حالت بار میں انٹرایکٹو کنٹرولز

اسٹریٹیجی انٹرایکشن کالم میں انٹرایکٹو کنٹرولز ڈیزائن کرنے کے علاوہ ، اسٹریٹیجی اسٹیٹس کالم میں انٹرایکٹو کنٹرولز ڈیزائن کرنا بھی ممکن ہے۔ فی الحال صرف انٹرایکٹو کنٹرول کی قسم کے بٹن کی قسم کی حمایت کی جاتی ہے ، جوLogStatusSyntax Guide کا فنکشن سیکشن. حالت بار میں بٹن کنٹرولز کی درجہ بندی کی جا سکتی ہے:

• عام بٹن کنٹرولز ڈیٹا ڈھانچے کی ایک مثال یہ ہے:

  {"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}]
    }
}

اجزاء کی تشکیل اختیارات کی تجارت