Membina fungsi butang interaktif dalam bar status strategi

Penulis:Lydia, Dicipta: 2023-07-13 14:14:38, Dikemas kini: 2024-01-02 21:29:26

img

Membina fungsi butang interaktif dalam bar status strategi

Penerangan dalam Dokumen 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'}) + '`')

Dokumen API menunjukkan bahawa memaparkan jadual, rentetan, imej, carta, dan lain-lain dalam bar status strategi dicapai dengan memanggil fungsi API:LogStatus. Kita juga boleh menyediakan butang interaktif dengan membina data JSON.

DEMO Kod Sumber:

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);
    }
}

Mari kita jalankan. Strategi berjalan seperti yang ditunjukkan:

img

Kita boleh mencetuskan interaksi dengan mengklik pada butang dalam jadual pada bar status. kita akan klik pada Close Position dan Send Value butang seterusnya. Apabila kita klik pada butang Close Position, mesej akan dihantar seperti biasa:

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.

Seterusnya kita klik pada butang Call Function, untuk menguji fungsi yang dipanggil adalah fungsi _D(), dan fungsi _D() akan terus mengembalikan rentetan masa semasa, jadi jika anda menulis panggilan fungsi di sini, ia akan terus memanggilnya.

Data yang diterima dicetak dalam log:

img

img

Akhirnya, mari kita klik pada Send JS Code butang dan kita boleh menjalankan fungsi tersuai yang kita digunakan untuk menguji dalam kod kita.

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

Klik butang:

img

img

Anda boleh melihat bahawa Log (("Calling custom function with parameters: ", p); statement in function test1 telah dijalankan.

Memasukkan class: btn btn-xs btn-bahaya, gaya dalam kod mengubah penampilan butang.

img

Mulakan latihan sekarang!


Lebih lanjut