Sencha touch IndexBar - 获取tapped索引值

时间:2013-08-17 09:10:47

标签: extjs sencha-touch-2

enter image description here 我在联系人列表中使用了索引栏。我有一个超过100个联系人的列表,所以我使用分页插件来显示联系人。我的问题是,当用户点击索引B我必须调用api来获取从字母B开始的联系人,我不知道如何获得点击的索引值..请帮我解决这个问题..我没有太多要粘贴的代码..

list = Ext.create('Ext.dataview.List', Ext.Object.merge({
                itemTpl: itemTpl,
                id:'ctsitemheighttest',
                variableHeights: true,
                itemHeight : 'auto',
                scrollToTopOnRefresh: false,
                indexBar    : true,
                indexBar: {
                    itemId:'ctsindex',
                    id:'ctsindex',
                    margin:1,
                    handler:function(){
                        console.log('index tapped'); // can i do this way? its not working
                    }

                },
}

请帮助我......提前谢谢

1 个答案:

答案 0 :(得分:1)

我设法解决了这个问题,如下所示 http://docs.sencha.com/touch/2.2.1/#!/api/Ext.dataview.IndexBar-event-index

list = Ext.create('Ext.dataview.List', Ext.Object.merge({
                    itemTpl: itemTpl,
                    id:'ctsitemheighttest',
                    variableHeights: true,
                    itemHeight : 'auto',
                    scrollToTopOnRefresh: false,
                    indexBar    : true,
                    indexBar: {
                        //letters: ['N','T','B','D','C','K','M','L','O','S'].sort(),
                        itemId:'ctsindex',
                        id:'ctsindex',
                        margin:1,
                        listeners: {
                            index: function (html, target, eOpts) {
                                //console.log('inside indexbar',target);


                            } // tap


                        }

                    }