无法向Ember.Select添加布局
无法向Ember.Select添加布局
提问于 2015-02-27 22:18:21
我正在尝试创建一个定制的CSS下拉列表，它要求我向Select中添加一个包装类。我试图通过重新打开Ember.Select来添加代码，但是这种行为并没有按照预期的方式工作。
在我的JS中，我有这样的定义：
Ember.Select.reopen({
layout: Ember.Handlebars.compile("<div class='select-layout'>{{yield}}</div>")
});在我的模板中，我有：
{{view "select" content=model}}但是，我得到的HTML是：
<select id="ember257" class="ember-view ember-select">
<option id="ember270" class="ember-view" value="red">red</option>
<option id="ember273" class="ember-view" value="yellow">yellow</option>
<option id="ember276" class="ember-view" value="blue">blue</option>
</select>我为此设置了一个JSFiddle，可以在这里找到：http://jsfiddle.net/rbn6qa9x/
如果这有什么诡计，请指点我。
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-02-28 00:51:51
视图不存在，组件在以下内容中：
http://emberjs.jsbin.com/ciwifajaze/1/
只需定义模板，在这种情况下不需要生成：
<script type="text/x-handlebars" data-template-name="components/custom-select">
<div class='select-layout'>{{view "select" content=content}}</div>
</script>因为你没有做任何需要JS的事情，你可以只使用组件对象，ember将自动在幕后为您创建组件对象。
Stack Overflow用户
发布于 2015-02-27 22:49:39
如果不需要附加的div，可以使用classNames属性：
classNames: ['select-layout']页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28775295
复制相关文章
相似问题
腾讯云开发者
