如何在文本字段中创建带有图标的小按钮,例如使用日期字段?在 ExtJS 的早期版本中,有一个 CompositeField,但在 ExtJS 4 中找不到它。
问问题
11214 次
2 回答
13
只需扩展http://docs.sencha.com/ext-js/4-1/#!/api/Ext.form.field.Trigger就可以用 CSS 改变触发字段的图标,实现点击的行为onTriggerClick
模板方法中的图标
Ext.define('Ext.ux.CustomTrigger', {
extend: 'Ext.form.field.Trigger',
alias: 'widget.customtrigger',
// override onTriggerClick
onTriggerClick: function() {
Ext.Msg.alert('Status', 'You clicked my trigger!');
}
});
Ext.create('Ext.form.FormPanel', {
title: 'Form with TriggerField',
renderTo: Ext.getBody(),
items:[{
xtype: 'customtrigger',
fieldLabel: 'Sample Trigger',
emptyText: 'click the trigger'
}]
});
于 2012-07-16T21:31:10.170 回答
6
图标可以点击吗?如果是这样,您正在寻找Ext.form.field.Trigger
. 如果没有,您可以尝试覆盖 Text 字段的 getSubTplMarkup() 函数以提供一些自定义 dom。
例如:
Ext.define('MyField', {
extend: 'Ext.form.field.Text',
getSubTplMarkup: function() {
return this.callParent(arguments) + '<span class="my-icon"></span>';
}
});
于 2012-07-16T21:32:56.737 回答