Sencha Touch Complex Docked Items

satake.sus4

2010-07-27 18:11:26

License: GPLv3 License

Fork: 0

Fav: 1

View: 2924

Play
Stop
Reload

Fullscreen

Smart Phone

Readme
JavaScript 113 lines
HTML 2 lines
CSS 2 lines

Sencha Touch Complex Docked Items
Sench Touch Beta 0.91

Ext.setup({
    onReady: function() {
      //dockするアイテム
      var tbar = new Ext.Toolbar({
        //dockする場所
        dock:'top',
        //Toolbarの見出し
        title:'Hello, World',
        items:[
          {
            text:'Back!',
            ui:'back',
            handler:function(){
              window.alert('back!');
            }
          }
        ]
      });
      
      var bbar = new Ext.Toolbar({
        title:'Bottom Bar!',
        dock:'bottom',
        items:[
          new Ext.Spacer(),
          {
            text:'ボタン',
            ui:'action',
            handler:function(){
              window.alert('test');
            }
          }
        ]
      });
      
      var rbar = new Ext.Toolbar({
        title:'right',
        dock:'right',
        items:[
          new Ext.Spacer(),
          {
            text:'ボタン',
            ui:'action',
            handler:function(){
              window.alert('right');
            }
          }
        ]
      });
      
      var lbar = new Ext.Toolbar({
        title:'left',
        dock:'left',
        items:[
          new Ext.Spacer(),
          {
            text:'ボタン',
            ui:'action',
            handler:function(){
              window.alert('left');
            }
          }
        ]
      });
      
      var tbar2 = new Ext.Toolbar({
        title:'top2',
        dock:'top',
        items:[
          new Ext.Spacer(),
          {
            text:'child',
            ui:'action',
            handler:function(){
              window.alert('top');
            }
          }
        ]
      });
      
      var bbar2 = new Ext.Toolbar({
        title:'bottom',
        dock:'bottom',
        items:[
          new Ext.Spacer(),
          {
            text:'ボタン',
            ui:'action',
            handler:function(){
              window.alert('bottom2');
            }
          }
        ]
      });
      
      //Dock先
      var panel = new Ext.Panel({
        fullscreen: true,
        styleHtmlContent:{
          'padding':'20px'
        },
        
        dockedItems:[
          tbar,
          bbar,
          rbar,
          lbar,
          bbar2,
          tbar2
        ],
        html:'Hello, Sencha Touch!!'
      });
    }
});

Sencha Touch Complex Docked Items
Sench Touch Beta 0.91

Tweet
QR code
Embed

Design view
Code view
<script type="text/javascript" src="http://jsdo.it/blogparts/eh7b/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/satake.sus4/eh7b" title="Sencha Touch Complex Docked Items">Sencha Touch Complex Docked Items - jsdo.it - share JavaScript, HTML5 and CSS</a></p>
zip

Favorite by

HapHands:

SenchaTouch

Sencha Touch Complex Docked Items

tags

Tweet

twitter

Tags

Favorite by