share Sencha Touch - Ext.TabPanel - ispern forked:0favorite:2lines:31/1/12license: GPLv3 License modified:2010-07-14 22:45:04 Sencha Touch - Ext.TabPanel - Sench Touch Beta 0.91 Ext.setup({ // onReady onReady: function() { new Ext.TabPanel({ fullscreen: true, // TabBarの設定 tabBar: { // スタイル設定 ui: 'dark', layout: { // タブを中央寄せ pack: 'center' }, // TabをDragするためにタブをホールドしている時間 sortHoldThreshold: 100 }, // タブを上部に配置 tabBarPosition: 'top', // TabのDragを許可 sortable: true, // Tab切り替えのアニメーション animation: 'slide', // 各Panelのデフォルト値設定 defaults: { // スクロールは縦スクロール scroll: 'vertical' }, items: [{ title: 'About', html: '<h1>About Page</h1>', iconCls: 'info', cls: 'card1' },{ title: 'User', iconCls: 'user', html: '<h1>User Page</h1>', cls: 'card2' }] }); } }); <canvas id='world'></canvas> Sencha Touch - Ext.TabPanel - Sench Touch Beta 0.91 .x-tabpanel > .x-panel-body .x-panel-body { padding: 100px 0; text-align: center; font-size: 40px; font-weight: bold; } .card1 .x-panel-body { background-color: #E4FFC2; } .card2 .x-panel-body { background-color: #c5ffc2; } Code Fullscreen use an iframe compat browser, deer Preview Fullscreen SenchaTouch y3i12 mash sort new page view favorite forked pv9 forked from: Sencha Touch - Ex.. tiihash forked:0 favorite:0lines:22/1/3 (diff:59) pv92 forked from: Sencha Touch - Ex.. martingoldsz.. forked:0 favorite:0lines:31/1/12 (diff:3) pv16 forked from: Sencha Touch - Ex.. yusi forked:0 favorite:0lines:31/1/12 (diff:0) pv68 forked from: Sencha Touch - Ex.. sendacha forked:0 favorite:0lines:36/1/12 (diff:9)
