R
Rus6lanFeb. 7, 2017, 2:06 a.m.

Управление 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
We recommend hosting TIMEWEB
We recommend hosting TIMEWEB
Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.

Do you like it? Share on social networks!

3
Evgenii Legotckoi
  • Feb. 7, 2017, 10:05 a.m.
  • The answer was marked as a solution.

На самом деле ничего сложного здесь нет. Нужно просто подключить данный 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
    • Feb. 7, 2017, 2:13 p.m.

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

      Evgenii Legotckoi
      • Feb. 7, 2017, 5:26 p.m.

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

        Comments

        Only authorized users can post comments.
        Please, Log in or Sign up
        Ua

        Qt - Test 001. Signals and slots

        • Result:84points,
        • Rating points4
        Ua

        Qt - Test 001. Signals and slots

        • Result:42points,
        • Rating points-8
        ОК

        Qt - Test 001. Signals and slots

        • Result:47points,
        • Rating points-6
        Last comments
        ИМ
        Игорь МаксимовNov. 22, 2024, 9:51 p.m.
        Django - Tutorial 017. Customize the login page to Django Добрый вечер Евгений! Я сделал себе авторизацию аналогичную вашей, все работает, кроме возврата к предидущей странице. Редеректит всегда на главную, хотя в логах сервера вижу запросы на правильн…
        Evgenii Legotckoi
        Evgenii LegotckoiOct. 31, 2024, 11:37 p.m.
        Django - Lesson 064. How to write a Python Markdown extension Добрый день. Да, можно. Либо через такие же плагины, либо с постобработкой через python библиотеку Beautiful Soup
        A
        ALO1ZEOct. 19, 2024, 5:19 p.m.
        Fb3 file reader on Qt Creator Подскажите как это запустить? Я не шарю в программировании и кодинге. Скачал и установаил Qt, но куча ошибок выдается и не запустить. А очень надо fb3 переконвертировать в html
        ИМ
        Игорь МаксимовOct. 5, 2024, 4:51 p.m.
        Django - Lesson 064. How to write a Python Markdown extension Приветствую Евгений! У меня вопрос. Можно ли вставлять свои классы в разметку редактора markdown? Допустим имея стандартную разметку: <ul> <li></li> <li></l…
        d
        dblas5July 5, 2024, 8:02 p.m.
        QML - Lesson 016. SQLite database and the working with it in QML Qt Здравствуйте, возникает такая проблема (я новичок): ApplicationWindow неизвестный элемент. (М300) для TextField и Button аналогично. Могу предположить, что из-за более новой верси…
        Now discuss on the forum
        f
        firstlunoxodFeb. 15, 2025, 1:46 p.m.
        Рисование на QGraphicsScene при зажатой кнопке мыши Подскажите, пожалуйста! Как данный класс можно дополнить, чтобы созданные объекты можно было перемещать мышкой по сцене?
        Дмитрий
        ДмитрийFeb. 3, 2025, 4:24 p.m.
        Создание deb-пакета. Как создать ярлык на рабочем столе после установки собственного deb-пакета? Всем привет. Сделал свой deb-пакет с программой. Всё устанавливается и работает. Ставлю по пути /usr/bin/my_application. Как для пользователя при установке пакета сразу создать ярлык на раб…
        NW
        Nayo WaiJan. 30, 2025, 7:22 p.m.
        не запускается компьютер!!! Не запускается компьютер (точнее работает блок , но сам монитор вообще жесть)В общем я ничего с интернета не скачивала в последнее время. На компе никаких левых пр…
        n
        nklyJan. 3, 2025, 12:52 p.m.
        Нужно запретить перемещение только некоторых итемов, остальные перемещать можно. Вопрос решен. Узнать QModelIndex элемента на который мы перетаскиваем другой элемент, можно с помощью функции indexAt(event->position().toPoint()) представления QTreeViev вызываемой в переопр…
        M
        MarselAug. 17, 2023, 12:26 a.m.
        OAuth2.0 через VK, получение email Спасибо большое за помощь и простите за то что отнял время своей невнимательностью.

        Follow us in social networks