[ExtJS5 Study notes] section 25th uses window.open () function to implement EXTJS5 landing page jump

This address: http://blog.csdn.net/sushengmiyan/article/details/40427543

MVVM Way to implement landing blog: http://blog.csdn.net/sushengmiyan/article/details/38815923

This article Sushengmiyan

--------------------------------------------------------------------------------------------------------------- ---------------------

Previously wrote an article, is EXTJS5MVVM mode system login instance this article after writing, someone raised a question, that is, every click Will pop-up landing this landing form, want to realize the landing after the landing form this interface, because that problem has produced today this article.

Method One: The official website---login Experience Example: http://docs.sencha.com/extjs/5.0/tutorials/login_app.html Add a login flag, depending on whether the login or not, display different interface

Method Two: Use window.open to implement Web page jump.

First step: Download extjs5 http://download.csdn.net/detail/sushengmiyan/7701943

Step two: Create Index.html and App.js, as follows:

App.js

Ext.application ({    name   : ' entersellsaves ',    launch:function () {       ext.create (' Ext.panel ', {            Renderto     : Ext.getbody (),            width        : $,            height       : bodypadding,  5,            title        : ' Hello World ',            html         : ' Hello <b>world</b>}    });

Index.html

<! DOCTYPE html>

On the login screen, the login button adds a function
onclick= "Login ()"
The function is implemented as follows:
<script type= "Text/javascript" >  function Login () {    window.opener = null;    window.open (', ' _self '); Window.close (); window.open (' index.html ', ' One ', ' location=0,resizable=no,fullscreen=true, Titlebar=no,status=no,toolbar=no,menubar=no,left=0,top=0 ');  } </script>

So you can open it to index,html.
For logical judgment, you can change to JSP ah ASP ah.
This method, you can use Sencha cmd to build the application framework, you can also use yourself to manually introduce JS files. It feels good.

Final Effect---login page
After login jump

After the page jumps, the URL is finished.

[ExtJS5 Study notes] section 25th uses window.open () function to implement EXTJS5 landing page jump