0

リストの選択または開示に関する新しいビュー

リスト上で機能を選択または開示する方法はたくさんあると思います。sencha のドキュメントで vimeo チュートリアルを見ました。ただし、2 つまたは 3 つの項目しかないため、ここで可能であれば controller.js を使用したくありません。

アイテムまたは開示をクリックしたときにビューをプッシュするにはどうすればよいですか? 私はすべてのext.create、Ext.ComponentManager.get('listdetails').push(...を試しました.xtype: 'listdetails'.

ヘルプとありがとう^^

Main.js 

Ext.define('easylist.view.Main', {
          extend: 'Ext.tab.Panel',
          requires: [
              'Ext.navigation.View',
              'Ext.dataview.List',
              'Ext.data.Store'
          ],

        config: {
            items: [
                {
                    xtype: 'container',
                    title: 'Tab 1',
                    iconCls: 'info'
                },
                {
                    xtype: 'container',
                    title: 'Tab 2',
                    iconCls: 'info'

                },
                {
                    xtype: 'container',
                    title: 'Tab 3',
                    iconCls: 'info'
                },
                {
                    xtype: 'navigationview',
                    title: 'MyNavigationView',
                    iconCls: 'info',
                    items: [
                        {
                            xtype: 'list',
                            title: 'uyuyuy',

                            store: {
                                  fields: ['name'],
                                  data: [
                                    {name: 'Cowper'},
                                    {name: 'Everett'},
                                    {name: 'University'}                                
                                  ]
                                },
                                onItemDisclosure: true,


                                itemTpl: '{name}',
                                listeners: {
                                    select: function(view, record) {
                                        navview = view.up('navigationview'),
                                         navview.push({How can I view lisdetail1.js     or 2, or 3 depending onselect?????})      
                                    },
                                   // disclose: function(view, record) {
                                   //     Ext.Msg.alert('Selected!', 'You selected ' + //record.get('name'));                                    
                           //         }
                                }

                            }
                    ]
                }
            ],
            tabBar: {
                docked: 'bottom'
            }
        }

    });
4

1 に答える 1

0

これを試して

listeners: [
        {
            fn: 'onMylistItemSingletap',
            event: 'itemsingletap',
            delegate: '#mylist'
        }
    ],
onMylistItemSingletap: function(dataview, index, target, record, e, options) {
    var nav=dataview.up('navigationview');
    if(index==0){
        nav.push({
            xtype: 'listdetail1'
        });
    }
    else if(index==1){
        nav.push({
            xtype: 'listdetail2'
        });
    }    
    else if(index==2){
        nav.push({
            xtype: 'listdetail3'
        });
    }    
}

それがあなたを助けることを願っています^^

于 2012-09-09T09:37:41.640 に答える