这是我的要求:反馈信息在extjs
我有一个窗体,有3个字段。如果用户将第三个字段更改为特定值,则需要重置第一个字段,并且我想通过自定义消息给第一个字段附近提供反馈消息。
我知道有不同类型的消息框是类似于提示,确认,确定,取消等ExtJS但我只希望我的消息自动出现并在2秒内消失。这可以通过使用任何ExtJS组件来实现吗?
这是我的要求:反馈信息在extjs
我有一个窗体,有3个字段。如果用户将第三个字段更改为特定值,则需要重置第一个字段,并且我想通过自定义消息给第一个字段附近提供反馈消息。
我知道有不同类型的消息框是类似于提示,确认,确定,取消等ExtJS但我只希望我的消息自动出现并在2秒内消失。这可以通过使用任何ExtJS组件来实现吗?
我建议使用Ext.tip.QuickTip
这样的东西。
Ext.create('Ext.tip.QuickTip', {
id: 'myquicktip',
hideDelay: 2000,
header: false
});
Ext.create('Ext.panel.Panel',{
title: 'Panel',
layout: 'hbox',
height: 200,
width: 600,
items: [{
xtype: 'textfield',
id: 'field1',
}, {
xtype: 'textfield',
id: 'field2',
}, {
xtype: 'textfield',
id: 'field3',
listeners: {
change: function(){
var field1 = Ext.getCmp('field1'),
tip = Ext.getCmp('myquicktip');
field1.setValue('');
tip.update('field1 has been cleared');
tip.showBy(field1)
}
}
}
],
renderTo: Ext.getBody()
});
这里是一个小提琴链接太:https://fiddle.sencha.com/#fiddle/9pd
感谢分享! – sidrocks 2014-09-03 12:30:29
取决于它看起来应该怎么一模一样,我会使用其中之一的
Ext.form.field.Display
Ext.form.Label
Ext.tip.Tip
Ext.tip.QuickTip
他们都可以装饰与Ext.util.Animate
mixin,如果内置animatio ns的动画不够。
你可以使用jQuery?这将是容易的。使用jQuery的 – VPK 2014-09-03 09:37:04
将在第一个地方打败使用ExtJS的目的。 – sidrocks 2014-09-03 11:21:19