extjs - ExtJs-单击最后一项的下边距时，一切都取消选择

Question

这是我的问题的http://jsfiddle.net/hmfm9/2/

为什么当我单击最后一个项目的边距时，一切都取消了？

new Ext.Container({
   renderTo: Ext.getBody(),
   items: [{
       xtype: 'dataview',
       selectedItemCls: 'selected',
       itemSelector: 'li',
       selModel: {
          mode: 'SIMPLE'
       },
       tpl: new Ext.XTemplate('<ul><tpl for="."><li>{name}</li></tpl></ul>'),
       store: Ext.create('Ext.data.Store',{
          fields: ['name'],
          data: [{ name: 'Test1'},{ name: 'Test2'},{name: 'Test3'},{name: 'Test4'},{name: 'Test5'}]
       }),
   }]
})

Answer 1

要回答这个问题，我们只需要覆盖gridview的containerclick事件

listeners: {
   containerclick: function(){
      return false;
   }
}

Answer 2

原因由@Paolo Stefan 指定。修复可能是，删除 css(li:last-child) 或将 css 中 margin-bottom 的值从 10 更改为 0。

li:last-child{ margin-bottom: 0px;}