PhoneGap中文网

 找回密码
 立即注册
查看: 12868|回复: 3
打印 上一主题 下一主题

请教老师,senchatouch的页面跳转为什么这么慢?需要至少2-3...

[复制链接]

12

主题

31

帖子

687

积分

高级会员

Rank: 4

积分
687
跳转到指定楼层
楼主
发表于 2014-4-27 22:09:31 | 只看该作者 回帖奖励 |正序浏览 |阅读模式
请教树根老师,senchatouch的页面跳转为什么这么慢?需要至少2-3秒。感觉满慢的。怎么才能调整到1-2S就登录呢?

应用中有2个panel第一个是login_panel,.js第二个是index_panel.js  两个都是静态页面,无动态获取数据。

我测试是在login_panel中点击登录。直接跳到index_panel

login_panel中的代码:
Ext.define('test2.view.login_panel', {
    extend: 'Ext.Panel',

    requires: [
        'Ext.field.Select',
        'Ext.field.Password',
        'Ext.TitleBar',
        'Ext.Button',
        'Ext.field.Checkbox'
    ],

    config: {
        style: 'background: url(images/background.png)  no-repeat;background-size:100% 100%;',
        items: [
            {
                xtype: 'selectfield',
                label: '登录方式',
                options: [
                    {
                        text: '用户名登录',
                        value: 'Select'
                    },
                    {
                        text: '手机登录',
                        value: 'today'
                    },

                ]
            },
            {
                xtype: 'textfield',
                label: '集团号',
                required: true,
                placeHolder: '请输入您企业的集团编号'
            },
            {
                xtype: 'textfield',
                label: '用户名',
                required: true,
                placeHolder: '请输入您的用户名'
            },
            {
                xtype: 'passwordfield',
                label: '密码',
                required: true,
                placeHolder: '请输入您的密码'
            },
            {
                xtype: 'titlebar',
                docked: 'top',
                title: '用户登录',
                items: [
                    {
                        xtype: 'button',
                        align: 'right',
                        itemId: 'mybutton8',
                        iconCls: 'user',
                        text: ''
                    },
                    {
                        xtype: 'button',
                        ui: 'back',
                        text: '退出'
                    }
                ]
            },
            {
                xtype: 'button',
                centered: false,
                itemId: 'mybutton',
                style: 'width:120px;margin-left:120px;margin-top:100px',
                top: '185px',
                ui: 'confirm',
                text: '登录'
            },
            {
                xtype: 'checkboxfield',
                centered: false,
                label: '记住密码'
            }
        ],
        listeners: [
            {
                fn: 'onMybutton8Tap',
                event: 'tap',
                delegate: '#mybutton8'
            },
            {
                fn: 'onMybuttonTap',
                event: 'tap',
                delegate: '#mybutton'
            }
        ]
    },

    onMybutton8Tap: function(button, e, eOpts) {
        var userMain = Ext.create('test2.view.lixian_txl_panel');
        Ext.Viewport.setActiveItem(userMain);
    },


index_panel.js的代码
Ext.define('test2.view.index_panel', {
    extend: 'Ext.tab.Panel',

    requires: [
        'Ext.TitleBar',
        'Ext.Button',
        'Ext.dataview.List',
        'Ext.XTemplate',
        'Ext.tab.Bar'
    ],

    config: {
        height: '100%',
        items: [
            {
                xtype: 'titlebar',
                docked: 'top',
                title: '企业信息管理平台',
                items: [
                    {
                        xtype: 'button',
                        itemId: 'mybutton3',
                        ui: 'back',
                        text: '返回'
                    },
                    {
                        xtype: 'button',
                        align: 'right',
                        text: '操作'
                    }
                ]
            },
            {
                xtype: 'container',
                title: '个人门户',
                iconCls: 'home',
                layout: 'fit',
                items: [
                    {
                        xtype: 'list',
                        data: [
                            {
                                title: '公司新闻'
                            },
                            {
                                title: '最新公告'
                            },
                            {
                                title: '待办事宜'
                            },

                        ],
                        itemId: 'mylist',
                        itemTpl: [
                            '<div>{title}</div>'
                        ]
                    }
                ]
            },
            {
                xtype: 'container',
                title: '工作流程',
                badgeText: '有新任务',
                iconCls: 'compose',
                layout: 'fit',
                items: [
                    {
                        xtype: 'list',
                        data: [
                            {
                                title: '待办事宜'
                            },
                            {
                                title: '已办事宜'
                            },
                            {
                                title: '办结事宜'
                            },

                        ],
                        itemId: 'mylist2',
                        itemTpl: [
                            '<div>{title}</div>'
                        ]
                    }
                ]
            },
            {
                xtype: 'container',
                title: '通讯录',
                iconCls: 'user',
                layout: 'fit',
                items: [
                    {
                        xtype: 'list',
                        data: [
                            {
                                title: '公共通讯录'
                            },
                            {
                                title: '通讯录同步'
                            },

                        ],
                        itemId: 'mylist3',
                        itemTpl: [
                            '<div>{title}</div>'
                        ]
                    }
                ]
            },
            {
                xtype: 'container',
                title: '内部邮箱',
                badgeText: '有新邮件',
                iconCls: 'star',
                layout: 'fit',
                items: [
                    {
                        xtype: 'list',
                        data: [
                            {
                                title: '写邮件',
                                weidu_num: ''
                            },
                            {
                                title: '收件箱',
                                weidu_num: '( 7 )'
                            },
                            {
                                title: '草稿箱',
                                weidu_num: ''
                            },
                            {
                                title: '已发送邮件',
                                weidu_num: ''
                            },
                            {
                                title: '邮件查询',
                                weidu_num: ''
                            },

                        ],
                        itemId: 'mylist1',
                        itemTpl: [
                            '<div><div style="float:left">{title}</div> <div style="color:red;float:right">{weidu_num}</div></div>'
                        ]
                    }
                ]
            },
            {
                xtype: 'container',
                title: '更多',
                iconCls: 'more',
                layout: 'fit',
                items: [
                    {
                        xtype: 'list',
                        data: [
                            {
                                title: '一键签到'
                            },
                            {
                                title: '二维码扫描'
                            },
                            {
                                title: '工作量评估表'
                            },
                            {
                                title: '清理'
                            },
                            {
                                title: '检查新版本'
                            },
                            {
                                title: '关于'
                            },
                            {
                                title: '退出?'
                            },

                        ],
                        itemId: 'mylist4',
                        itemTpl: [
                            '<div>{title}</div>'
                        ]
                    }
                ]
            }
        ],
        tabBar: {
            docked: 'bottom',
            ui: 'light',
            layout: {
                type: 'hbox',
                align: 'stretchmax',
                pack: 'justify'
            }
        },

    },



回复

使用道具 举报

12

主题

31

帖子

687

积分

高级会员

Rank: 4

积分
687
地板
 楼主| 发表于 2014-4-28 15:55:12 | 只看该作者
本帖最后由 xiaoweijun 于 2014-4-28 15:57 编辑

附件为应用代码。老师帮我看看究竟是什么问题导致点击一个按钮要这么长时间才反应呢。

新建文件夹.rar

3.3 KB, 下载次数: 5

3个源文件

回复 支持 反对

使用道具 举报

12

主题

31

帖子

687

积分

高级会员

Rank: 4

积分
687
板凳
 楼主| 发表于 2014-4-28 15:52:16 | 只看该作者
js和css都是本地的。
<html manifest="" lang="en-US">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>test2</title>
    <script>
        var Ext = Ext || {};
        Ext.theme = {
            name: "Default"
        };
    </script>
    <!--<script src="http://cdn.sencha.com/touch/sencha-touch-2.3.1a/sencha-touch-all.js"></script>-->
        <script src="js/sencha-touch-all.js"></script>
        <link rel="stylesheet" href="css/sencha-touch.css">
    <link rel="stylesheet" href="css/zx.css">
    <script src="js/zx.js"></script>
    <script type="text/javascript" src="app.js"></script>
</head>
<body>
   
</body>
</html>
回复 支持 反对

使用道具 举报

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
沙发
发表于 2014-4-28 15:35:26 | 只看该作者
看看你的js css 是不是远程国外的 改为本地的就可以了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-11-24 15:51 , Processed in 0.069793 second(s), 31 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表