Question

对于我的一个Sencha Touch列表，点击一个项目并不总是选择它。列表中的第一次单击将始终选择该项目，但在此之后单击其他项目时，通常不会选择直到您再次单击该项目。在测试过程中，我一直非常小心，不要在点击时移动光标。

列表中没有监听器，另一个事件将查看所选项目。我已经添加了一个监听器来更好地测试它，显示同样的事情。在忽略的点击之后，所选列表项也会保持选中状态。

我无法通过小提琴和其他列表重现这一点，只需点击一下即可选择每个项目。

实际列表只有2个项目，但是它们获得的数据比80像素项目高度多得多，一个高度接近400像素。但只显示少量数据并没有帮助。

Ext.define('App.view.MyList',
{
    extend: 'Ext.dataview.List',
    xtype: 'mylist',
    alias: 'widget.mylist',

    config:
    {
        cls: 'oddEvenList',
        store: 'myStore',
        itemHeight: 80,
        itemTpl: new Ext.XTemplate(
            '<table width="100%">' +
                '<tr>' +
                    '<td width="180px">' +
                        'User name:' +
                    '</td>' +
                    '<td width="180px">' +
                        '{UserName}' +
                    '</td>' +
                '</tr>' +
            '</table>')
    }
});

.oddEvenList {
    .x-list-item {
        //background-color: #FFF !important;
        border-bottom: 1px solid $base-grey-border !important;

        &:nth-child(even) {
            background-color: $light-grey;
        }

        &:nth-child(odd) {
            background-color: #FFFFFF;
        }

        padding: 0, 7px, 0, 7px !important;
        margin: 5px, 0, 5px, 0 !important;
    }

    .x-item-selected {
        background: {
            image: none !important;
            color: #a6c060 !important;
        }
    }
}

Answer 1

删除config属性并编写没有config属性的代码，然后检查。

有时无法通过单击

1 个答案: