`
junjun16818
  • 浏览: 106247 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Sencha touch Ext.Panel

阅读更多

var panel = new Ext.Panel({
                        fullscreen: true,  //全屏
                        id: 'main_panel', 
                        scroll: 'vertical',
                        layout: {
                            type: 'vbox',
                            align: 'stretch'
                        },
                        defaults: {
                            flex: 2
                        },
                        //activeItem:
                        
                        items: [getTabPanel()],
                        dockedItems: [{
                            xtype: 'toolbar',
                            dock: 'top',
                            title: 'test'
                        }, getNavigation().show()]
                    
                    });

 

目前没什么可写的  以后补上

分享到:
评论

相关推荐

    sencha touch login demo

    在这个登录示例中,开发者可能已经使用了Sencha Touch的内置组件,如`Ext.form.Panel`来创建登录表单,其中包括用户名和密码输入字段,以及登录按钮。`Ext.form.FieldSet`可能会用来组织这些元素,提供一个清晰的...

    sencha touch

    var editPnl = new Ext.Panel({ floating: true, centered: true, modal: true, width: calculateDesiredWidth(), dockedItems: [{ dock: 'top', xtype: 'toolbar', title: 'Editing Item' }, { dock: '...

    senchatouch在移动设备的应用.pptx

    Sencha Touch 是一个专为构建富移动应用而设计的JavaScript框架,它利用Web标准来创建在各种移动设备上运行的应用程序。这个框架的目标是提供原生应用般的用户体验,同时保持跨平台兼容性。Sencha Touch 支持HTML5的...

    sencha touch app框架nav+tab和nav+menu

    在Sencha Touch中,可以使用`Ext.SlidingPanel`或者`Ext.NavigationView`配合`Ext.draw.Container`来创建这种效果。菜单部分可以通过`Ext.List`或者`Ext.dataview.List`组件实现,展示可点击的列表项。同时,顶部的...

    Sencha Touch 本地记事本 代码1

    学习这个案例,我们将了解到如何使用Sencha Touch的组件,如`Ext.List`(列表视图)和`Ext.Panel`(面板,常用于构建页面布局),以及如何在控制器中监听事件并响应。此外,还会涉及如何使用`Ext.data.Model`和`Ext....

    sencha touch左侧拉出导航

    在Sencha Touch中,我们可以利用`Ext.navigation.View`组件来实现这一功能。 1. **创建`Ext.navigation.View`** 在Sencha Touch中,我们首先需要创建一个`Ext.navigation.View`实例,这是实现侧滑导航的核心组件。...

    sencha-touch grid 代码

    11. **API使用**:理解Grid的API至关重要,例如`Ext.grid.Panel`是Grid的主要类,`Ext.grid.column.Column`定义列配置,以及`Ext.data.Store`管理数据。 12. **模板和样式**:使用XTemplate和CSS3可以自定义Grid的...

    Sencha touch学习笔记一:用Sencha Cmd方式创建第一个应用

    extend: 'Ext.Panel', xtype: 'main', config: { items: [{ xtype: 'button', text: '我的按钮' }] } }); ``` 然后,在`app.js`中配置这个View作为应用的启动界面: ```javascript Ext.application({ ...

    Sencha_touch_开发指南.doc

    ### Sencha Touch 开发指南知识点解析 #### 一、Sencha Touch 概述 - **定义**:Sencha Touch 是一款专为移动设备设计的 JavaScript 框架,旨在帮助开发者构建高性能、接近原生应用体验的 Web 应用。 - **特性**:...

    kitechen_app_sencha_touch

    2. **组件使用**:源码中会展示如何创建和配置Sencha Touch的各种组件,如用`Ext.container.Viewport`作为主容器,包含其他如`Ext.tab.Panel`或`Ext.list.ListView`等组件。 3. **数据加载**:应用可能使用`Ext....

    sencha touch accordion(折叠) 布局

    `Accordion`布局管理着包含在它内部的所有组件(通常是`Ext.container.Container`的子项,如`Ext.Panel`),这些组件在默认情况下会被隐藏,只有当用户点击时才会展开。布局会自动调整每个面板的高度,确保每次只有...

    开发sencha-touch2记事本应用教程

    本文将详细介绍如何使用Sencha Touch 2框架开发一款手机记事本应用(Notes App)。通过本教程的学习,开发者不仅可以深入理解Sencha Touch 2的MVC架构,还能掌握其核心类的概念与实际应用方法。 #### 二、项目概述 ...

    Ux.field.Multiselect:Sencha Touch 2的简单多选字段

    Sencha Touch 2.1 / 2.2 / 2.3的多选字段用作单选或多选字段。 如果要从Ext.field.Select中获取缺少的代码,可以轻松扩展Ext.field.Text,并将其添加到Ux.field.Multiselect中。 usePicker配置将不起作用,因为它...

    Sencha_touch2详细资料整理一

    在应用架构上,Sencha Touch 2 提供了两种启动模式:Ext.Application和Ext.Setup。Ext.Application适合用于基于MVC模式的开发,它允许开发者在`launch`函数中初始化应用,而Ext.Setup则更适合快速原型开发,启动时的...

    extjs4教程实例

    Ext.Msg.alert('Hi', 'Hello Sencha Touch', Ext.emptyFn); } }); ``` **5. 控件使用** - **实例化控件**:可以通过 `new` 关键字直接实例化控件,或使用 JSON 格式定义控件属性。 - **添加到应用**:将创建的...

    Sencha touch学习笔记二:自定义目录方式的创建第一个应用

    Sencha Touch提供了一系列预定义的组件,如Ext.List、Ext.Panel等。你可以根据需要自定义组件,通过配置项设置组件的行为和外观。 - **控制器(Controller)**:`app/controller`下的控制器负责监听事件、管理视图...

    页面滑动效果

    在本案例中,我们聚焦于使用Sencha Touch中的Ext.Carousel组件来实现这一效果。Sencha Touch是一款专为触摸设备设计的JavaScript框架,它为开发HTML5移动应用提供了丰富的组件库。 `Ext.Carousel` 是Sencha Touch中...

    How to Create a Sencha Touch 2 App source code

    7. **构建视图(View)**:视图是用户界面的组成部分,Sencha Touch提供了丰富的组件,如`Panel`、`List`、`Button`等。例如,你可能创建一个`NoteList`视图,显示存储中的笔记列表,并链接到`NoteDetail`视图来查看...

    todo:Sencha Touch 中的 TODO 应用

    - 使用弹出框(Ext.MessageBox)和表单(Ext.form.Panel)实现用户输入交互。 5. **界面设计**: - 利用 Sencha Touch 的 CSS3 动画和布局系统创建流畅的用户体验。 - 自定义组件样式,通过 SCSS(Sass)预...

    sencha touch 模仿tabpanel导航栏TabBar的实例代码

    基于sencha touch 2.2所写 代码: 代码如下:/**模仿tabpanel导航栏*/Ext.define(‘ux.TabBar’, { alternateClassName: ‘tabBar’, extend: ‘Ext.Toolbar’, xtype: ‘tabBar’, config: { docked: ‘bottom...

Global site tag (gtag.js) - Google Analytics