forSe中的MULTI选择列表的getSelection数组值

时间:2013-02-01 14:49:02

标签: extjs sencha-touch sencha-touch-2 sencha-architect

我不知道如何获取MULTI选择列表的值。

我尝试使用方法getSelection;但是,我收到一个错误,它是未定义的。这是我的代码:

refs : {
    optionlist : 'Overlayitemlist',
},
var reco= Ext.getCmp('optionlist').getSelection() ;

这是错误:

  

未捕获的TypeError:无法调用未定义的方法'getSelection'

我哪里错了?

2 个答案:

答案 0 :(得分:1)

您可以使用selectionchange事件来跟踪您的多重选择,并在此基础上,您可以将所有这些值推送到数组中。这是一个例子:

Ext.create('Ext.List', {
    fullscreen: true,
    mode: 'MULTI',
    store: {
        fields: ['name'],
            data: [{
            name: 'Red'
        }, {
            name: 'Orange'
        }, {
            name: 'Yellow'
        }, {
            name: 'Green'
        }, {
            name: 'Blue'
        }] // data
    }, // store
     itemTpl: '{name}',
     listeners: {
         selectionchange: function (list, records) {
            var names = [];
            Ext.Array.each(records, function (item) {
                names.push('<li>' + item.data.name + '</li>');
            });
            Ext.Msg.alert('You selected ' + records.length + ' item(s)', '<ul>' + names.join('') + '</ul>');
         } 
     } 
});

答案 1 :(得分:0)

以下是Senhca网站(link)的更新示例。 显然,即使他们的演示也不能正常工作。

/*global Ext:false */
Ext.application({
    launch: function () {
        Ext.create('Ext.List', {
            fullscreen: true,
            mode: 'MULTI',
            store: {
                fields: ['name'],
                data: [{
                    name: 'Red'
                }, {
                    name: 'Orange'
                }, {
                    name: 'Yellow'
                }, {
                    name: 'Green'
                }, {
                    name: 'Blue'
                }] // data
            }, // store
            itemTpl: '{name}',
            listeners: {
                selectionchange: function (list, records) {
                    var names = [];
                    Ext.Array.each(list.selected.items, function (item) {
                        names.push('<li>' + item.data.name + '</li>');
                    }); // each()

                    Ext.Msg.alert('You selected ' + list.selected.items.length + ' item(s)');
                } // selectionchange
            } // listeners
        }); // create()
    } // launch
}); // application()