2010-09-03 1st

taka_2

2010-09-03 16:58:08

License: GPLv3 License

Fork: 0

Fav: 1

View: 361

Play
Stop
Reload

Fullscreen

Smart Phone

Readme
JavaScript 80 lines
HTML 0 lines
CSS 0 lines

2010-09-03 1st
Sench Touch Beta 0.91

Ext.setup({
    onReady : function() {
        Ext.regModel('Contact', {
            fields: ['firstName', 'lastName']
        });

// 一枚目の画面
        var card1 = new Ext.List({
            fullscreen: true,
            tpl: '<tpl for="."><div class="contact"><strong>{firstName}</strong> {lastName}</div></tpl>',
            itemSelector: 'div.contact',
            
            singleSelect: true,
            grouped: true,

disclosure: {
                scope: 'test',
                handler: function(record, btn, index) {
                    eventHandler(record);
                }
            },
            
            store: new Ext.data.Store({
                model: 'Contact',
                sorters: 'firstName',
                
                getGroupString : function(record) {
                    return record.get('firstName')[0];
                },
                
                data: [
                    {firstName: 'Tommy', lastName: 'Maintz'}, 
                    {firstName: 'Ed', lastName: 'Spencer'}
                ]
            }),
            listeners: {
                selectionchange: function(dataView, selections) {
                    if(Ext.version == '0.9.1') {
                        eventHandler(dataView.getSelectedRecords()[0]);
                    }
                }
            }
        });

function eventHandler(record)
        {
            card2Label.update(record.get('firstName'));
            card2.doLayout();
            panel.getLayout().next('slide', true);
        }

// 二枚目の画面
        var card2Label = new Ext.Panel({
        });
        var card2 = new Ext.Panel({
            items: [card2Label],
            dockedItems: new Ext.Toolbar({
                ui: 'dark',
                dock: 'top',
                title: this.title,
                items: new Ext.Button({
                    text: 'Back',
                    ui: 'back',
                    handler: function() { panel.getLayout().prev('fade', true) },
                    scope: this
                })
            })
        });

// カードレイアウトの画面定義
        var panel = new Ext.Panel({
            layout: 'card',
            fullscreen: true,
            scroll: 'vertical',
            items: [
                card1, card2
            ]
        });
    }
});

2010-09-03 1st
Sench Touch Beta 0.91

Ext.setup({ onReady : function() { Ext.regModel('Contact', { fields: ['firstName', 'lastName'] }); // 一枚目の画面 var card1 = new Ext.List({ fullscreen: true, tpl: '<tpl for="."><div class="contact"><strong>{firstName}</strong> {lastName}</div></tpl>', itemSelector: 'div.contact', singleSelect: true, grouped: true, disclosure: { scope: 'test', handler: function(record, btn, index) { eventHandler(record); } }, store: new Ext.data.Store({ model: 'Contact', sorters: 'firstName', getGroupString : function(record) { return record.get('firstName')[0]; }, data: [ {firstName: 'Tommy', lastName: 'Maintz'}, {firstName: 'Ed', lastName: 'Spencer'} ] }), listeners: { selectionchange: function(dataView, selections) { if(Ext.version == '0.9.1') { eventHandler(dataView.getSelectedRecords()[0]); } } } }); function eventHandler(record) { card2Label.update(record.get('firstName')); card2.doLayout(); panel.getLayout().next('slide', true); } // 二枚目の画面 var card2Label = new Ext.Panel({ }); var card2 = new Ext.Panel({ items: [card2Label], dockedItems: new Ext.Toolbar({ ui: 'dark', dock: 'top', title: this.title, items: new Ext.Button({ text: 'Back', ui: 'back', handler: function() { panel.getLayout().prev('fade', true) }, scope: this }) }) }); // カードレイアウトの画面定義 var panel = new Ext.Panel({ layout: 'card', fullscreen: true, scroll: 'vertical', items: [ card1, card2 ] }); } });

Tweet
QR code
Embed

Design view
Code view
<script type="text/javascript" src="http://jsdo.it/blogparts/xstf/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/taka_2/xstf" title="2010-09-03 1st">2010-09-03 1st - jsdo.it - share JavaScript, HTML5 and CSS</a></p>
zip

Favorite by

neritaro:

senchatouch

2010-09-03 1st

tags

Tweet

twitter

Tags

Favorite by