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）或将值从10更改为0，保留在CSS中的margin-bottom。

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