Управление QML объектами в JavaScript

Question

Rus6lan6 февраля 2017 г. 15:06

Управление QML объектами в JavaScript

У меня есть JS файл, в котором я отправляю запросы, как мне в этой же функции управлять QML компонентами в main.qml или другом QML файле.

.pragma library
function login(username, password) {        
        var params = 'username=' + encodeURIComponent(username) +
        '&password=' + encodeURIComponent(password);
        var request = new XMLHttpRequest()
        request.open('POST', 'http://auth-test.app-labs.ru/api/login')
        request.onreadystatechange = function() {
            if (request.readyState === XMLHttpRequest.DONE) {
                console.log("Status", request.status)
                if (request.status && request.status === 200) {
                    console.log("response", request.responseText)                    
                } else {
                    console.log("HTTP:", request.status, request.statusText)
                }
            }
        }
        request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded')
        request.send(params)    
}

JSQML.png

Рекомендуем хостинг TIMEWEB

Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.

Подписка на обсуждение2

Подписка на раздел98

Вам это нравится? Поделитесь в социальных сетях!

6 февраля 2017 г. 23:05
Ответ был помечен как решение.

На самом деле ничего сложного здесь нет. Нужно просто подключить данный js файл в файл qml, например так:

import "logic.js" as Logic

И передавать объект QML в функцию по его id, например так:

Rectangle 
{
    id: grid

    Timer {
        onTriggered: {
                Logic.createTarget(grid)
        }
    }
}

Сама функция createTarget может выглядеть следующим образом:

function createTarget(parent)
{
    var target = targetComponent.createObject(parent)
}

Более подробно Вы можете почитать в статье по динамическому созданию объектов QML .

R

7 февраля 2017 г. 3:13

То есть если я хочу написать в textedit поле main.qml, я просто передаю это поле в свою функцию?

Evgenii Legotckoi → Rus6lan
#

7 февраля 2017 г. 6:26

Ну да. id этого TextEdit передаёте и там доступ к его property можно без проблем получать. Посмотрите в том уроке внимательно на gameArea, как там доступ к rows и columns в javascript части осуществляется.

Управление QML объектами в JavaScript

Рекомендуем хостинг TIMEWEB

Комментарии