Question

我创建了一个带有登录页面和主页的示例应用程序。

我已成功将主页加载到登录页面，并且我有homePage.html / homePage.js文件。我需要做的是，当我点击loginPage.html文件中的“登录”按钮时，用户应该导航到主页。我无法看到任何API导航/加载到不同的html文件。

我提到了一些工作灯示例，它表示使用div和pageport命令在相同的HTML上加载。

$("#pagePort").load("pages/homePage.html", function(){
        alert("Home Page Loaded")
    });

任何人都可以帮我解决问题，如何点击登录按钮加载另一个html？

Answer 1

Worklight是一个单独的DOM应用程序，因此“页面”的概念是人为的。

您有1个单独的HTML文件，您需要做的是替换其中的内容以显示不同的内容或“页面”。

有很多方法可以实现这一目标。它们都不直接与Worklight相关，而是与您选择使用的框架有关，无论是jQuery，jQuery Mobile，Dojo，Ionic等等......

要记住的重要一点是永远不要离开index.html文件，因为您将“丢失”Worklight上下文，然后您的应用程序将无法加载。原因是因为从index.html文件中加载了各种与Worklight相关的文件。

在this Worklight 6.2 project中，我使用jQuery Mobile演示如何在页面之间导航。为了您的目的，将它们视为主页，即登录页面，然后将其他页面视为主页......