R
7 февраля 2017 г. 2:06

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

JavaScript, QML

У меня есть 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
2

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

3
Evgenii Legotckoi
  • 7 февраля 2017 г. 10: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 г. 14:13

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

      Evgenii Legotckoi
      • 7 февраля 2017 г. 17:26

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

        Комментарии

        Только авторизованные пользователи могут публиковать комментарии.
        Пожалуйста, авторизуйтесь или зарегистрируйтесь