本文地址：http://blog.csdn.net/sushengmiyan/article/details/40427543

mvvm方式实现登陆的博客：http://blog.csdn.net/sushengmiyan/article/details/38815923

本文作者：sushengmiyan

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

之前写过一篇文章，是Extjs5MVVM模式下系统登录实例 这文章写完之后，有人就提出了一个疑问，就是每次点击都会弹出登陆这个登陆窗体，想实现登陆之后就不再有登陆窗体这个界面，正因为那个问题于是产生了今天这篇文章。

方法一：官方网站---登陆体验实例：http://docs.sencha.com/extjs/5.0/tutorials/login_app.html  增加一个登陆的标志，根据登陆与否，显示不同的界面

方法二：使用window.open实现网页跳转。

第一步：下载extjs5   http://download.csdn.net/detail/sushengmiyan/7701943

第二步： 创建index.html和app.js，内容如下：

app.js

Ext.application({

    name   : 'EnterSellSaves',

    launch : function() {

       Ext.create('Ext.Panel', {

            renderTo     : Ext.getBody(),

            width        : 200,

            height       : 150,

            bodyPadding  : 5,

            title        : 'Hello World',

            html         : 'Hello <b>World</b>...'

        });

    }

});

index.html 

<!DOCTYPE html>

<html>

    <head>

        <title>欢迎来到 Ext JS!</title>

       <link rel="stylesheet" type="text/css" href="ext5/build/packages/ext-theme-neptune/build/resources/ext-theme-neptune-all.css">

       <script type="text/javascript" src="ext5/build/ext-all.js"></script>

       <script type="text/javascript" src="ext5/build/packages/ext-theme-neptune/build/ext-theme-neptune.js"></script>

       <script type ="text/javascript" src="app.js"></script>

    </head>

    <body></body>

</html>

在登陆界面，登陆按钮增加一个函数

onclick="login()"

函数实现如下：

<script type="text/javascript">

  function login(){

    window.opener = null;

    window.open('','_self');

	window.close();

	window.open('index.html','11','location=0,resizable=no,fullscreen=true,titlebar=no,status=no,toolbar=no,menubar=no,left=0,top=0');

  }

</script>

这样就能打开到index,html

对于逻辑判断，就可以更改为jsp啊ASP啊。

这个方法，可以使用sencha cmd生成应用程序框架，也可以使用自己手动引入js文件。感觉还不错。

最终效果---登录页面

登录跳转之后

页面跳转之后，URL也完成了。

[ExtJS5学习笔记]第二十五节 利用window.open()函数实现ExtJS5的登陆页面跳转的更多相关文章

  1. [ExtJS5学习笔记]第二十四节 Extjs5中表格gridpanel或者表单数据后台传输remoteFilter设置

    本文地址:http://blog.csdn.net/sushengmiyan/article/details/39667533 官方文档:http://docs.sencha.com/extjs/5. ...

  2. [ExtJS5学习笔记]第十五节 Extjs5表格显示不友好？panel的frame属性在作怪

    本文地址:http://blog.csdn.net/sushengmiyan/article/details/39057243 sencha官方API:http://docs.sencha.com/e ...

  3. [ExtJS5学习笔记]第二十九节 sencha ext js 5.1.0中动态更换皮肤主题

    本文地址:http://blog.csdn.net/sushengmiyan/article/details/42016107 本文作者:sushengmiyan ------------------ ...

  4. [EXTJS5学习笔记]第二十六节 在eclipse/myeclipse中使用sencha extjs的插件

    本文地址:http://blog.csdn.net/sushengmiyan/article/details/40507383 插件下载: http://download.csdn.net/detai ...

  5. [ExtJS5学习笔记]第二十节 Extjs5配合数组的push方法，动态创建并加载组件

    本文地址:http://blog.csdn.net/sushengmiyan/article/details/39226773 官方例子:http://docs.sencha.com/extjs/5. ...

  6. Python学习笔记第二十五周（Django补充）

    1.render_to_reponse() 不同于render,render_to_response()不用包含request,直接写template中文件 2.locals() 如果views文件中 ...

  7. [ExtJS5学习笔记]第二十八节 sencha ext js 5.1.0发布版本正式发布 extjs doc下载地址

    本文地址:http://blog.csdn.net/sushengmiyan/article/details/41911539 本文作者:sushengmiyan ------------------ ...

  8. [ExtJS5学习笔记]第十六节 Extjs5使用panel新增的ViewModel属性绑定数据

    本文地址:http://blog.csdn.net/sushengmiyan/article/details/39078627 sencha官方API:http://docs.sencha.com/e ...

  9. [ExtJS5学习笔记]第十四节 Extjs5中data数据源store和datapanel学习

    本文地址:http://blog.csdn.net/sushengmiyan/article/details/39031383 sencha官方API:http://docs.sencha.com/e ...

随机推荐

  1. Centos常用命令之：文件与目录管理

    在centos中常用的文件与目录操作命令有: ◇chmod:修改文件或目录的权限 ◇mkdir:新建目录◇rmdir:删除目录◇rm:删除目录或文件◇cp:复制目录或文件◇mv:移动目录或文件 下面就 ...

  2. [HNOI2014]江南乐

    Description 小A是一个名副其实的狂热的回合制游戏玩家.在获得了许多回合制游戏的世界级奖项之后,小A有一天突然想起了他小时候在江南玩过的一个回合制游戏.    游戏的规则是这样的,首先给定一 ...

  3. Prison 监狱

    [题目描述]Caima 王国中有一个奇怪的监狱,这个监狱一共有 P 个牢房,这些牢房一字排开,第 i 个仅挨着第 i+1 个(最后一个除外).现在正好牢房是满的.上级下发了一个释放名单,要求每天释放名 ...

  4. 计蒜客NOIP模拟赛(2)D1T3 深黑幻想

    [问题描述]    凡终于发愤图强,决定专心搞OI,不再玩纸牌和坑钱了!没过多久就飘飘然了,总是陷入自己进了集训队的深黑幻想之中.    样听说了之后,决定考一考凡欧拉回路怎么写.样:“我给你出一道题 ...

  5. allocator

    allocator: 通常c++内存配置和释放操作是这样的: class Fo{}; Fo *p = new Fo; delete p; new算式主要有三个阶段: 调用::operator new配 ...

  6. 2015 多校联赛 ——HDU5384（AC自动机）

    Sample Input 1 5 6 orz sto kirigiri danganronpa ooooo o kyouko dangan ronpa ooooo ooooo   Sample Out ...

  7. Codeforces Round #402 (Div. 1)

    A题卡壳了,往离线倒着加那方面想了会儿,后来才发现方向错了,二十多分钟才过掉,过了B后做D,想法好像有点问题,最后只过两题,掉分了,差一点回紫. AC:AB Rank:173 Rating:2227- ...

  8. iOS 隐藏导航条分割线

    // 导航条分割线 @property (nonatomic, strong) UIView *navSeparateView; // 获取导航条分割线 UIView *backgroundView ...

  9. Linux必备操作vim

    vim被称作为编辑器之神,那么在我们操作linux系统时,进行编辑操作有没有感觉心有余而力不足?今天我讲自己总结的一些vim的操作命令和大家进行一下分享,有不足之处还请指出. vim的三种模式大家还记 ...

  10. JAVA的Date类与Calendar类(常用方法)

    http://blog.csdn.net/xiaopihai86/article/details/50827945 1.用Java.util.Calender来实现      Calendar cal ...