【翻译】Ext JS最新技巧

时间:2022-05-17 18:17:32

原文:Top Support Tips

Mitchell Simoens:控制滚动指示器的自动隐藏

Sencha Touch有一个跨平台的,在所有平台看起来和工作效果都一样的滚动条。两条轴(x和y,水平和垂直的区别)都有他们自己的滚动指示器,正如你所期望的,默认情况下,他们是隐藏的。不过,在某些情况下,可能需要一直显示指示器。在新的Touch 2.3.0种,每个指示器都有一个autoHide配置项来控制指示器的显示,设置autoHide为false将不再自动隐藏,在容器或它的子类内的scrollable配置项内进行定义就可以了。

例如,在y指示器的配置中将autoHide设置为false,就可以让y指示器一直显示。而让x指示器保持为默认值,就会自动隐藏。

可以访问以下地址来查看效果:https://fiddle.sencha.com/#fiddle/1u9

Seth Lemmons:Mouseenter事件对Mouseover事件

在Ext JS,可以通过监听DOM元素的鼠标光标事件来实现添加或移除元素的CSS类。一般情况下,监听的是mouserover事件。不过,对于mouserover事件,只有在光标进入元素且不是经过其他嵌套元素的时候才触发。如果预期的只是光标进入就触发事件,那么这样就会很烦人。

在这种情况下,使用mouseenter事件来代替,就可以在光标进入到元素边界内的时候触发事件。

可以在以下地址查看效果:https://fiddle.sencha.com/#fiddle/43q