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=selectedis valid, যা নির্দেশ করে যে কাস্টমাইজেশন সমর্থিত; ব্যবহারকারীরা সরাসরি ড্রপ-ডাউন বক্স নিয়ন্ত্রণে নতুন বিকল্পগুলি সম্পাদনা এবং যুক্ত করতে পারেন। যদি নতুন সম্পাদিত বিকল্পটি নির্বাচন করা হয়, তবে ইন্টারঅ্যাকশনটি ট্রিগার করা হলে বিকল্প দ্বারা প্রতিনিধিত্বকৃত মানের পরিবর্তে বিকল্পের নাম ব্যবহার করা হয়।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}]
}
}