Question

extjs 做出这样的效果如何做

那个×号是图标吗？解决问题加分

Answer 1

Ext.onReady(function() {
    var trigger = Ext.create('Ext.form.field.Trigger', {
        labelAlign : 'right',
        fieldLabel : '测试',
        margin : '10 0 0 0',
        triggerCls : 'x-form-clear-trigger',
        onTriggerClick : function(e) {
            trigger.setValue('');
        },
        renderTo : Ext.getBody()
    });
});

Ext.form.field.Trigger                  //定义一个 Trigger, 

triggerCls : 'x-form-clear-trigger' //配置 文本框右侧的按钮样式，

onTriggerClick                            //再就是添加事件。

另外 triggerCls：文本框右侧的按钮样式，主要有4种：

x-form-clear-trigger     // the X icon  

x-form-search-trigger    // the magnifying glass icon  

x-form-trigger           // the down arrow (default for combobox) icon  

x-form-date-trigger      // the calendar icon (just in case) 

追问

我用你的代码 换成3.4的代码这样写 成了下拉框var EffectiveTime = new Ext.form.TriggerField({ //triggerCls: 'x-form-trigger',onTriggerClick:function (e) {EffectiveTime.setValue('');} });

追答

x-form-trigger 这个样式就是下拉图标，我上面明明写的是 x-form-clear-trigger 这个，看清楚哦

追问

我都试过了 才追问的 每个样式都显示的下拉图标

追答

那有可能是版本的问题，最好用最新版吧。

追问

你 用的是那个版本的？

追答

4.2.0

现在出 4.2.2 了

下图是所有版本，你看看你用的是多么旧的版本，呵呵

追问

........ 我知道 啊