Sencha Touch中TabPanel组件的使用(转)
来源:互联网 发布:怎么在淘宝上开店铺步骤 编辑:程序博客网 时间:2024/05/24 07:11
1.来源链接:http://blog.csdn.net/liuhenghui5201/article/details/23704023
app.js
- Ext.require('Ext.TabPanel');
- Ext.application({
- name:'MyApp4',
- icon:'images/icon.png',
- glossOnIcon:false,
- phoneStarupScreen:'images/starUp.png',
- tabletStartupScreen:'images/tablet.png',
- launch:function(){
- var tabPanel=Ext.create('Ext.TabPanel',{
- id:'tabPanel',
- ui:'dark',
- tabBarPosition:'bottom',
- items:[{
- title:'主页',
- html:'主页',
- iconCls:'home'
- },{
- title:'合同',
- html:'合同',
- iconCls:'user'
- }]
- });
- Ext.Viewport.add(tabPanel);
- }
- });
index.jsp
- <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
- <html>
- <head>
- <title>Tab面板组件使用示例</title>
- <script type="text/javascript" src="sencha-touch-debug.js"></script>
- <script type="text/javascript" src="app.js"></script>
- <link rel="stylesheet" href="sencha-touch.css" type="text/css"></link>
- <style type="text/css">
- .bkColorPink{
- pink;
- }
- body{
- font-family: '宋体';
- }
- </style>
- </head>
- <body>
- </body>
- </html>
在需要SenchaTouch的一些必须的文件即可。
组织结构如下:
效果如下:
SenchaTouch中内置图标的样式名称及其显示效果
0 0
- Sencha Touch中TabPanel组件的使用(转)
- Sencha Touch中TabPanel组件的使用
- 【sencha-touch】TabPanel的使用
- sencha touch 中navigationview嵌套tabpanel出现的问题
- sencha touch NavigationView 嵌套 TabPanel 的问题
- Sencha Touch 2 快速入门系列(四)-- 组件之标签面板(TabPanel)
- Sencha Touch 2.0 组件:Carousels、List、TabPanel 之用法简介
- Sencha Touch 2.0 组件:Carousels、List、TabPanel 之用法简介
- Sencha touch 开发系列:容器组件:tabpanel,carousels
- Sencha touch 开发系列:容器组件:tabpanel,carousels
- sencha touch 2 tabpanel中List的不显示问题,解决方案
- sencha touch中使用deftjs的方法
- Sencha Touch MVC 中 store 的使用
- sencha-touch的使用
- sencha touch之让tabPanel的tab居中
- 关于Sencha Touch tabpanel的items置顶居中显示
- sencha touch 模仿tabpanel导航栏TabBar的实现代码
- sencha touch 2.0如何使用组件
- Sencha Touch Hello World(转)
- FragmentTabHost 使用;
- Ext.application(转)
- Sencha Touch 2 学习笔记(二)----定义类与类的继承(转)
- 【翻译】探究Ext JS 5和Sencha Touch的布局系统(转)
- Sencha Touch中TabPanel组件的使用(转)
- MyEclipse 10搭建android开发环境 (转)
- MyEclipse里更改字体大小和快捷建的设置(转)
- Sencha Touch 快速入门2.0 第三章 布局(1)Box布局(转)
- Win8 PPTP VPN设置教程(转)
- ubuntu10.4 server 配置VPN 安装pptp无法连接外网解决(转)
- linux VPN 设置(转)
- 高性能JAVA开发之内存管理
- linux 内存使用情况详细信息(转)