extjs 做出这样的效果如何做

extjs 做出这样的效果如何做

 分享| 2013-10-28 14:05 ko461400513  |  浏览 736 次

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

2013-10-29 16:13

提问者采纳

1 2 3 4 5 6 7 8 9 10 11 12

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 了

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

追问：

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

提问者评价

谢谢!