0

如何解决？我在使用网格组件的布局卡动画上发现了一个错误；

怎么了？当您配置“卡片”类型的布局和“幻灯片”、“封面”等的动画时......行选择（记录）停止工作，当将鼠标悬停在记录上并单击时，检查的 css 会出现错误。

当您简单地将布局更改为“卡片”时，网格选择正常工作。

我使用的是 Windows 10、Edge 浏览器；

查看 Sencha Fiddle 上的错误

4

1 回答 1

0

它只是网格，dataview似乎没有同样的问题。没有在Firefox上得到错误。

也只有 Material 主题，因为它与时尚有关。我不知道如何在煎茶小提琴中导入时尚，所以我无法添加到你的小提琴中。

我发现如果您在 chrome devtools 中取消选中任何颜色，则一个动画的问题就会消失。所以我搞砸了重置颜色，这似乎有效。您必须更改颜色等待 10 毫秒并将其更改回来。您可以更改任何颜色。我正在更改悬停背景颜色，但它可以是任何预定义颜色。我只改变了一种色调，它只持续了 10 毫秒。它仅适用于#11111 格式的颜色。

我还没有弄清楚是什么导致了这个问题，但我有一个巨大的解决方法。我相信这可以改进......也没有测试太多。随意发布任何改进，或者如果您找出潜在问题。

 items: [{
    xtype: "grid",
    ui: 'default',
    listeners: {
        show: function() {
            let cssVariables = Fashion.css.getVariables();
            let oldColor = cssVariables['hovered-background-color'];
            newColor = parseInt(oldColor, 16);
            newColor = '#' + (((newColor & 0x0000FF) + 1) | ((((newColor >> 8) & 0x00FF) + 1) << 8) | (((newColor >> 16) + 1) << 16)).toString(16);
            cssVariables['hovered-background-color'] = newColor;
            Fashion.css.setVariables(cssVariables);
            Ext.defer(function() {
                cssVariables['hovered-background-color'] = oldColor;
                Fashion.css.setVariables(cssVariables);
            }, 10);
        }
    },
    title: 'Simpsons',
    store: {
        fields: ['name', 'email', 'phone'],
        data: [
            { 'name': 'Lisa',  "email":"lisa@simpsons.com",  "phone":"555-111-1224"  },
            { 'name': 'Bart',  "email":"bart@simpsons.com",  "phone":"555-222-1234" },
            { 'name': 'Homer', "email":"home@simpsons.com",  "phone":"555-222-1244"  },
            { 'name': 'Marge', "email":"marge@simpsons.com", "phone":"555-222-1254"  }
        ]
    },
    columns: [
        { text: 'Name',  dataIndex: 'name', width: 200 },
        { text: 'Email', dataIndex: 'email', width: 250 },
        { text: 'Phone', dataIndex: 'phone', width: 120, flex: 1 }
    ]
}, {
于 2020-11-26T02:13:01.213 回答