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;}