* {@link Roo.bootstrap.DateField} and {@link Roo.bootstrap.ComboBox} are perfect examples of this.
* @cfg {String} triggerClass An additional CSS class used to style the trigger button. The trigger will always get the
* class 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.
- * @cfg {String} caret (search|calendar) a fontawesome for the trigger icon see http://fortawesome.github.io/Font-Awesome/icons/
+ * @cfg {String} caret (search|calendar) BS3 only - carat fa name
* @constructor
* Create a new TriggerField.
combobox.cn.push({
tag :'span',
- cls : 'input-group-addon input-group-append input-group-text btn' +
- (Roo.bootstrap.version == 3 ? ' dropdown-toggle' : ''),
+ cls : 'input-group-addon input-group-append input-group-text btn dropdown-toggle',
cn : [
- caret,
+ Roo.bootstrap.version == 3 ? caret : '',
{
tag: 'span',
cls: 'combobox-clear',
Roo.bootstrap.TriggerField.superclass.initEvents.call(this);
//this.wrap = this.el.wrap({cls: "x-form-field-wrap"});
if(!this.multiple && this.showToggleBtn){
- this.trigger = this.el.select('span.input-group-append',true).first();
+ this.trigger = this.el.select('span.dropdown-toggle',true).first();
if(this.hideTrigger){
this.trigger.setDisplayed(false);
}
if(!this.multiple && this.showToggleBtn){
var caret = {
- tag: 'span',
- cls: 'caret'
+ cls: 'caret'
};
if (this.caret != false) {
combobox.cn.push({
tag :'span',
- cls : 'input-group-addon input-group-append input-group-text btn' +
- (Roo.bootstrap.version == 3 ? ' dropdown-toggle' : ''),
+ cls : 'input-group-addon input-group-append input-group-text btn dropdown-toggle',
cn : [
- caret,
+ Roo.bootstrap.version == 3 ? caret : '',
{
tag: 'span',
cls: 'combobox-clear',
this.originalValue = this.getValue();
- this.triggerEl = this.el.select('span.input-group-append',true).first();
+ this.triggerEl = this.el.select('span.dropdown-toggle',true).first();
this.inputEl().on("click", this.showTouchView, this);
if (this.triggerEl) {