Ext.form.ComboBox dropdown trigger

The Ext.form.ComboBox is almost testing friendly. Not everyone can do what we did, but we could and it made testing sooo much easier (and human readable).

onRender: function(ct, position) {
  Ext.form.TriggerField.superclass.onRender.call(this, ct, position);
  this.wrap = this.el.wrap({cls: "x-form-field-wrap"});
  this.trigger = this.wrap.createChild(this.triggerConfig ||
    {id: this.id + '_trigger', tag: "img", src: Ext.BLANK_IMAGE_URL,
    cls: "x-form-trigger " + this.triggerClass});
  // rest is as in original

And also

initList: function() {
  var cls = 'x-combo-list';
  this.tpl = '<tpl for="."><div class="' + cls + '-item" id="' + this.id +
    '_{' + this.valueField + '}">{' + this.displayField + '}</div></tpl>';
  js.ib.ui.CWComboBox.superclass.initList.call(this);
},

An alternative is to use CSS selectors, as described by CableDawg on ExtJS’ forum.

Tags: , ,

This entry was posted on Saturday, August 15th, 2009 at 13:30 and is filed under Uncategorized. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply