Select 如何在ember小部件中禁用多选组件
有没有办法从addepar的ember小部件中禁用multi-select组件 这适用于单个选择组件 对于“多选”零部件,这一点不适用Select 如何在ember小部件中禁用多选组件,select,ember.js,multiple-select,Select,Ember.js,Multiple Select,有没有办法从addepar的ember小部件中禁用multi-select组件 这适用于单个选择组件 对于“多选”零部件,这一点不适用 这里有一个不起作用的例子。我浏览了源代码,似乎没有这样的选项。除了编辑源代码之外,我能想到的最快方法是: 我定义了一个Ember组件,该组件将字符串选择数组作为其唯一参数。我使用了multi-select组件使用的所有类,因此我不必重新定义所有CSS: <script type="text/x-handlebars" id="components/disa
这里有一个不起作用的例子。我浏览了源代码,似乎没有这样的选项。除了编辑源代码之外,我能想到的最快方法是: 我定义了一个Ember组件,该组件将字符串选择数组作为其唯一参数。我使用了multi-select组件使用的所有类,因此我不必重新定义所有CSS:
<script type="text/x-handlebars" id="components/disabled-multi-select">
<div class="ember-view ember-select multi-select-disabled" tabindex="-1">
<div class="ember-select-container ember-select-multi dropdown-toggle js-dropdown-toggle">
<ul class="form-control ember-select-choices">
{{#each selection in selections}}
<li class="ember-view ember-select-search-choice">
<div>{{selection}}</div>
<div class="ember-select-search-choice-close">×</div>
</li>
{{/each}}
</ul>
</div>
</div>
</script>
它是这样使用的:
{{#if isInputDisabled}}
// Stick your multi-select-component in here
{{else}}
{{disabled-multi-select selections=multiSelectSelected}}
{{/if}}
结果发现这是一个我可能需要解决的问题
<script type="text/x-handlebars" id="components/disabled-multi-select">
<div class="ember-view ember-select multi-select-disabled" tabindex="-1">
<div class="ember-select-container ember-select-multi dropdown-toggle js-dropdown-toggle">
<ul class="form-control ember-select-choices">
{{#each selection in selections}}
<li class="ember-view ember-select-search-choice">
<div>{{selection}}</div>
<div class="ember-select-search-choice-close">×</div>
</li>
{{/each}}
</ul>
</div>
</div>
</script>
.ember-select.multi-select-disabled > .ember-select-container > .form-control {
cursor: not-allowed;
background-color: #EEE;
opacity: 1;
}
.ember-select.multi-select-disabled > .ember-select-container .ember-select-search-choice {
background-color: #D8D8D8;
cursor: not-allowed;
}
.ember-select.multi-select-disabled > .ember-select-container .ember-select-search-choice .ember-select-search-choice-close {
cursor: not-allowed;
}
.ember-select.multi-select-disabled > .ember-select-container .ember-select-search-choice .ember-select-search-choice-close:hover {
background-color: #D8D8D8;
}
{{#if isInputDisabled}}
// Stick your multi-select-component in here
{{else}}
{{disabled-multi-select selections=multiSelectSelected}}
{{/if}}