Sencha触摸文本字段清除事件 [英] sencha touch textfield clear event

问题描述

我正在尝试在Sencha Touch的文本字段中实现一个列表过滤器。例如，我有一堆联系人，当我在字段中输入时，它可能会按姓名进行过滤。当我单击圆形X按钮清除文本字段时，我希望将筛选器重置为不筛选任何联系人。

问题是，我似乎想不出一种方法来检测点击Clear按钮的情况。似乎没有任何类型的事件，而且我似乎无法破解解决方法。

如果有人知道如何在sencha触摸中检测文本字段清除，我将非常感激。

我在Safari和Xcode模拟器中尝试过，现在使用的是Sencha Touch 1.1.0。我是不是遗漏了什么？当它实际上是一个移动应用程序时，这不是一个问题吗？

推荐答案

您可以在文本字段内的clearIconContainerEL上侦听TAP事件，或重写onClearIconTap方法。

Ext.setup({
    icon: 'icon.png',
    tabletStartupScreen: 'tablet_startup.png',
    phoneStartupScreen: 'phone_startup.png',
    glossOnIcon: false,
    onReady: function() {

        var searchField = new Ext.form.Search({
            name : 'search',
            placeHolder: 'Search',
            useClearIcon: true,

            onClearIconTap: function() {
                if (!this.disabled) {
                    this.setValue('');
                    console.log('onClearTap: Clear button tapped!');                       
                }
            }
        });

        var viewport = new Ext.Panel({
            fullscreen: true,
            dockedItems: [{
                xtype: 'toolbar',
                dock: 'top',
                items: [searchField]
            }]
        });

        console.log(searchField.useClearIcon);

        searchField.mon(searchField.clearIconContainerEl, {
            scope: searchField,
            tap: function() {
                if (!this.disabled) {
                    console.log('clearIconContainerEl: Clear button tapped!');
                }
            }
        });
    }
});

这篇关于Sencha触摸文本字段清除事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！