FIX: Broken comboboxes. Workaround Ember bug that needs triaging

This commit is contained in:
Robin Ward 2014-12-03 17:17:45 -05:00
parent 393607d25c
commit d1cb946594
1 changed files with 5 additions and 3 deletions

View File

@ -7,7 +7,7 @@
@module Discourse @module Discourse
**/ **/
export default Discourse.View.extend({ export default Discourse.View.extend({
tagName: 'select', tagName: 'span',
attributeBindings: ['tabindex'], attributeBindings: ['tabindex'],
classNames: ['combobox'], classNames: ['combobox'],
valueAttribute: 'id', valueAttribute: 'id',
@ -27,6 +27,7 @@ export default Discourse.View.extend({
none = this.get('none'); none = this.get('none');
// Add none option if required // Add none option if required
buffer.push('<select class=\'combobox\'>');
if (typeof none === "string") { if (typeof none === "string") {
buffer.push('<option value="">' + I18n.t(none) + "</option>"); buffer.push('<option value="">' + I18n.t(none) + "</option>");
} else if (typeof none === "object") { } else if (typeof none === "object") {
@ -46,10 +47,11 @@ export default Discourse.View.extend({
buffer.push("<option " + selectedText + " value=\"" + val + "\" " + self.buildData(o) + ">" + Handlebars.Utils.escapeExpression(Em.get(o, nameProperty)) + "</option>"); buffer.push("<option " + selectedText + " value=\"" + val + "\" " + self.buildData(o) + ">" + Handlebars.Utils.escapeExpression(Em.get(o, nameProperty)) + "</option>");
}); });
} }
buffer.push('</select>');
}, },
valueChanged: function() { valueChanged: function() {
var $combo = this.$(), var $combo = this.$('select'),
val = this.get('value'); val = this.get('value');
if (val !== undefined && val !== null) { if (val !== undefined && val !== null) {
$combo.val(val.toString()); $combo.val(val.toString());
@ -64,7 +66,7 @@ export default Discourse.View.extend({
}.observes('content.@each'), }.observes('content.@each'),
didInsertElement: function() { didInsertElement: function() {
var $elem = this.$(), var $elem = this.$('select'),
self = this; self = this;
$elem.select2({formatResult: this.template, minimumResultsForSearch: 5, width: 'resolve'}); $elem.select2({formatResult: this.template, minimumResultsForSearch: 5, width: 'resolve'});