a
aybFeb. 25, 2020, 5:33 a.m.

WebView

Задам, очень тупой вопрос, Как мне передать в url на webview, которая находится на другой странице, и затем я мог вернуться задать url, и подгрузить другую страницу. Условно говоря всего две qml - страница с webview, и первая с кнопкой и текстовым полем.

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.
14

Добрый день.

Самый простой однооконный вариант реализуется так

import QtQuick 2.12
import QtQuick.Window 2.12
import QtWebView 1.13
import QtQuick.Controls 2.13

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    TextField {
        id: textEdit
        anchors.left: parent.left
        anchors.top: parent.top
        anchors.right: button.left
    }

    Button {
        id: button
        text: "Go"
        anchors.top: parent.top
        anchors.right: parent.right

        onClicked: {
            webView.url = textEdit.text
        }
    }

    WebView {
        id: webView
        anchors.left: parent.left
        anchors.top: textEdit.bottom
        anchors.right: parent.right
        anchors.bottom: parent.bottom
    }
}

Результат выглядит так

Конкретно в вашем случае, если у вас два qml файла, нужно смотреть код, возможно нужно будет прописать alias`ы на нужные объекты, чтобы всё увязать друг с другом.

a
  • Feb. 25, 2020, 6:06 a.m.
  • (edited)

Спасибо, кажется понял, почему у меня не работало.

a
  • Feb. 25, 2020, 7:16 a.m.

Вообщем когда все было на одной странице все работало, На двух нет(

я не экстрасенс. нужно смотреть ваш код

a
  • Feb. 25, 2020, 7:17 a.m.
  • (edited)
id: expressPage
    allowedOrientations: Orientation.All

    function setUrl(str) {
        webView.url = str
    }

    SilicaWebView {
        id: webView
        // PullDownMenu and PushUpMenu must be declared in SilicaFlickable, SilicaListView or SilicaGridView
        PullDownMenu {
            MenuItem {
                text: qsTr("Вернуться на welcome")
                onClicked: {
                    pageStack.clear()
                    pageStack.push(Qt.resolvedUrl("Welcome.qml"))
                }
            }
            MenuItem {
                text: qsTr("Выход")
                onClicked: {
                    Qt.quit()
                }
            }
        }
        anchors.fill: parent

        onLoadingChanged: {
            console.log(webView.url)
            webView.update()
        }

        quickScrollAnimating: true

        experimental.preferences.webGLEnabled: true
        experimental.preferences.notificationsEnabled: true
        experimental.preferences.dnsPrefetchEnabled: true
        experimental.preferences.javascriptEnabled: true
    }

Примерно как выглядит webview, может я что-то не дописал

a
  • Feb. 25, 2020, 7:23 a.m.
  • (edited)
// To enable PullDownMenu, place our content in a SilicaFlickable
    SilicaListView {
        id: flickId
        anchors.fill: parent

        // PullDownMenu and PushUpMenu must be declared in SilicaFlickable, SilicaListView or SilicaGridView
        PullDownMenu {
            MenuItem {
                text: qsTr("Выход")
                onClicked: {
                    webApp.setAddress("")
                    Qt.quit()
                }
            }
        }

        Column {
            width: parent.width
            spacing: Theme.paddingLarge
            Label {
                id: emptyLabel
                height: mainPage.height / 3
                width: parent.width
            }

            TextField {
                id: textField
                width: parent.width

                horizontalAlignment: Text.AlignHCenter
                anchors.horizontalCenter: parent.horizontalCenter
                anchors.horizontalCenterOffset: Theme.horizontalPageMargin
                placeholderText: qsTr("www.google.com")
                validator: RegExpValidator { regExp: /^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/ }
                onTextChanged: {
                    console.log(textField.text)
                }
            }
            Button {
                id: btnId
                anchors.horizontalCenter: parent.horizontalCenter
                text: "Send url"
                onClicked: {
                    webApp.setUrl(textField.text)
                    pageStack.push(Qt.resolvedUrl("WebView.qml"))
                }
            }
            Label {
                id: orId
                color: Theme.highlightBackgroundColor
                anchors.horizontalCenter: parent.horizontalCenter
                text: "or"
            }
            Button {
                id: btnSettings
                text: "Settings"
                anchors.horizontalCenter: parent.horizontalCenter
                onClicked: {
                    var urlPath = "http://" + initWeb.getAddress()
                    webApp.setUrl(urlPath)
                    pageStack.push(Qt.resolvedUrl("WebView.qml"))
                }
            }

Это первая страница

a
  • Feb. 25, 2020, 7:24 a.m.

Функция getAddress, возвращает строку из qsettings, из плюсовой части.

так у вас ещё не чистый QML а Sailfish framework... Но тут очевидно ошибки логические и отсутствие правильного доступа к id. Дело не в самом фреймворке.

Как называются эти две страницы и как они соотносятся друг с другом. Вторая страница вложена в первую? Первая называется WebView.qml? Что такое pageStack и откуда вы его взяли? Я не вижу в коде id: pageStack, да и обращение к id webApp во второй странице в этом коде является некорректным, поскольку доступа к нему нет.

P/S/ в дальнейшем используйте специальный диалог для вставки программного кода на сайте. В toolbar редактора находится. Иначе некорректно делается форматирование.

a
  • Feb. 25, 2020, 7:44 a.m.

Извините описался, уже поправил, страницы Welcome и WebApp.

тем не менее я не вижу pageStack, если это классический StackView, то сначала нужно загрузить в него WebView.qml, а потом пытаться загружать url

Как-то так

pageStack.push(Qt.resolvedUrl("WebView.qml"))
var urlPath = "http://" + initWeb.getAddress()
pageStack.currentItem.setUrl(urlPath)

a
  • Feb. 25, 2020, 7:59 a.m.

Спасибо, исправил. Буду разбираться дальше, он что и сам обновляться не хочет

a
  • Feb. 25, 2020, 8 a.m.

Вот знаете, это вот треш

onUrlChanged: {
    console.log(webView.url)
    webView.url = "http://www.google.com/"
}

Представляете, как это работает?

Вы устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url, срабатывает onUrlChanged, выводит в консоль, вы снова устанавливаете url

Понятно?

a
  • Feb. 25, 2020, 8:06 a.m.

Да

Comments

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

Let me recommend you the excellent hosting on which EVILEG is located.

For many years, Timeweb has been proving his stability.

For projects on Django I recommend VDS hosting

View Hosting
VD

C++ - Test 001. The first program and data types

  • Result:73points,
  • Rating points1
Ds

C++ - Тест 003. Условия и циклы

  • Result:64points,
  • Rating points-1
o

C++ - Test 001. The first program and data types

  • Result:86points,
  • Rating points6
Last comments
RG

QML - Lesson 016. SQLite database and the working with it in QML Qt

Добрый день! можно как то обойтись без метода updateModel()? После вызова этого метода происходит перерисовка страницы(если я правильно понимаю), и все элементы, например, CheckBox перерисовываю…
D:

QML - Lesson 016. SQLite database and the working with it in QML Qt

Добрый день, пытаюсь разобраться и подргнать пример под себя. Есть бд с огромным количеством полей. В приложении на виджетах при использовании QTableView все работает и путем простого sql запрос…

Django - Tutorial 039. Adding private messages and chats on the site - Part 2 (Dialogue and chat counter with unread messages)

Добавляйте поле файла в модель сообщения. И в форме сообщения указывайте, что поле с файлом.
s

Django - Tutorial 023. Like Dislike system using GenericForeignKey

все, я со всем разобрался!) Извините!)
Now discuss on the forum

Наследование QWidget

Это утверждение ничего не значит. Наличие методов и т.д. не делает обязательным наследование в том виде, в котором вы его изначально попытались сделать. Тем более, если у вас будет два видж…

Динамическое заполнение StackLayout в qml

Всем привет. Пытаюсь решить такую задачку, есть TabBar и его кнопки. StackLayout{ currentIndex: tabBar.currentIndex A {id: tabA} B {id: tabB} C {id: tabC} D {id: ta…
M

QML: изменение стиля при наведении и при нажатии на кнопку

enabled = false перестанет быть активной и не будет ни на что реагировать) Хм.. по-моему пробовал такое. Проверю ещё раз после работы. Ура, спасибо большо…
U

Динамическое наполнение StackView QML

Во затупил))) Спасибо за все))) StackView.push("ModuleTip1.qml") ну или в сложной иерархии StackView.push("qrc:/folder/ModuleTip1.qml") и всего делов... Не пойму, почему сра…

QEventLoop тормозит при удалении экземпляра

Думаю, что нет. Лучше вообще без исключений, но не всегда возможно.
About
Services
© EVILEG 2015-2020
Recommend hosting TIMEWEB