資源の読み込みに... 荷物...

戦略状態バーでインタラクティブなボタンの関数を構築する

作者: リン・ハーンFMZ~リディア, 作成日:2023-07-13 14:14:38, 更新日:2024-01-02 21:29:26

img

戦略状態バーでインタラクティブなボタンの関数を構築する

API ドキュメンテーションの記述

// You can also construct a button in the form, and use GetCommand to receive the contents of the cmd attribute.
var table = {
    type: 'table',
    title: 'position operation',
    cols: ['Column1', 'Column2', 'Action'],
    rows: [
        ['abc', 'def', {'type':'button', 'cmd': 'coverAll', 'name': 'close position'}],
    ]
};
LogStatus('`' + JSON.stringify(table) + '`')
// Or construct a separate button
LogStatus('`' + JSON.stringify({'type':'button', 'cmd': 'coverAll', 'name': 'close position'}) + '`')
// Button styles can be customized (bootstrap's button attributes)
LogStatus('`' + JSON.stringify({'type':'button', 'class': 'btn btn-xs btn-danger', 'cmd': 'coverAll', 'name': 'close position'}) + '`')

APIドキュメントは,戦略状態バーにテーブル,文字列,画像,チャート,など表示する API関数を呼び出すことで達成されることを示しています:LogStatusわかった JSONデータを作ることで インタラクティブなボタンを設定することもできます

DEMO ソースコード:

function test1(p) {
    Log("Calls a custom function with parameters:", p);
    return p;
}
function main() {
    while (true) {
        var table = {
            type: 'table',
            title: 'position operation',
            cols: ['Column1', 'Column2', 'Action'],
            rows: [
                ['a', '1', {
                    'type': 'button',                       // To display a button, you must set the type to button.
                    'cmd': "CoverAll",                      // String, sent data, accepted by the GetCommand() function.
                    'name': 'close position'                           // The name displayed on the button.
                }],
                ['b', '1', {
                    'type': 'button',
                    'cmd': 10,                              // numerical value
                    'name': 'Send value'
                }],
                ['c', '1', {
                    'type': 'button',
                    'cmd': _D(),                            // The function is called for the duration of the strategy run
                    'name': 'call the function'
                }],
                ['d', '1', {
                    'type': 'button',
                    'cmd': 'JScode:test1("ceshi")',       // String, the JS code to execute.
                    'name': 'Send JS Code'
                }]
            ]
        };
        LogStatus('`' + JSON.stringify(table) + '`')

        var str_cmd = GetCommand();
        if (str_cmd) {
            Log("Received Interaction Data str_cmd:", "type:", typeof(str_cmd), "value:", str_cmd);
        }

        if (str_cmd && str_cmd.split(':', 2)[0] == "JScode") {          // Determine if there is a message
            var js = str_cmd.split(':', 2)[1];                          // Split the returned message string, limit it to two, and assign the element with index 1 to a variable named js. 
            Log("Execute debugging code:", js);                                     // Output executed code
            try {                                                       // Abnormal detection
                eval(js);                                               // Executes the eval function, which executes the parameters (code) passed in.
            } catch (e) {                                               // throw an exception
                Log("Exception", e);                                    // Output error messages
            }
        }

        Sleep(500);
    }
}

実行してみましょう 戦略は図のように動きます

img

ステータスバーのテーブルにあるボタンをクリックすると インタラクションが起動します. 順番に Close PositionSend Valueボタンをクリックします. メッセージは通常通り送信されます.

img

img

> But it doesn't work when you click on "Send value" because[ ```'cmd': 10,                              // value``` ]Here is 10. Numeric types cannot be sent.

https://www.fmz.com![img](/upload/asset/2d8e0f86599f1b82da792544b7b840bc824d4a96.png) 
# It has been optimized to be compatible with numeric values, and returns a string of values.

呼び出される関数は _D() 関数で, _D() 関数は現在の時間文字列を返します. ここで関数呼び出しを書き込むと,呼び出しが続けられます.

受け取ったデータはログに印刷されます.

img

img

JSコードを送信するボタンをクリックすると,コードでテストしたカスタム関数を実行できます.

function test1(p) {
    Log("Calls a custom function with parameters:", p);
    return p;
}

ボタンをクリックします:

img

img

"パラメータ: ", p"でカスタム関数を呼び出す.関数 test1のステートメントが実行されました.

class: btn btn-xs btn-dangerを挿入すると,コードのスタイルがボタンの外観を変える.

img

すぐに練習を始めるんだ!


もっと