Question

extjs 自定义dataview，选中记录取值

在js自定义了一个组件：
Ext.define('Ext.my.courseBrowser', {
extend: 'Ext.view.View',
alias: 'widget.courseBrowser',

uses: 'Ext.data.JsonStore',

singleSelect: true,
overItemCls: 'x-view-over',
itemSelector: 'div.thumb-wrap',
tpl: [
// '<div class="details">',
'<tpl for=".">',
'<div class="thumb-wrap" style="float: left; margin: 4px; cursor:pointer;">',
'<div class="thumb">',
(!Ext.isIE6? '<img src="icons/{thumb}" />' :
'<div style="width:74px;height:74px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'icons/{thumb}\')"></div>'),
'</div>',

'</p>',
'<span style="width:80px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;">{name}</span>',
'</div>',
'</tpl>'
// '</div>'
],

initComponent: function() {

this.store = Ext.create('Ext.data.Store', {
autoLoad: true,
fields: ['name', 'englishname','thumb', 'url', 'type','categoryname','stars'],
proxy: {
type: 'ajax',
url : 'icons/icons.json',
reader: {
type: 'json',
root: ''
}
}
});
this.callParent(arguments);
}
});

在jsp页面中调用这个组件的时候，如何取得被选中的记录的值？(比如取选中对象的‘name’)
{
xtype:'courseBrowser',
id:'mycourse',
listeners: {
itemclick: function(){
var name=？？？？？？？？？？？？？;
alert(name);
}
}
}

Answer 1

{
		xtype:'courseBrowser',
		id:'mycourse',
                    listeners: {
                        itemclick: function(view,item){
                                  //  这个回调方法的第2个实参就是 你点击的目标 
                                  // 目标的data属性就是store中该元素对应的数据
                                 var name= item.data.name;
                                alert(name);
                        }
                    }
		}