Javascript 当使用Map渲染选项时,CanJS can值不适用于multi-select?
对于多重选择输入,我在使用can值辅助程序渲染选定值时遇到问题 当使用can.Map动态呈现选项而不是在DOM中提供选项时,就会出现此问题 这里有一把小提琴来解释这个问题: 控制 胡子/HTMLJavascript 当使用Map渲染选项时,CanJS can值不适用于multi-select?,javascript,canjs,canjs-view,Javascript,Canjs,Canjs View,对于多重选择输入,我在使用can值辅助程序渲染选定值时遇到问题 当使用can.Map动态呈现选项而不是在DOM中提供选项时,就会出现此问题 这里有一把小提琴来解释这个问题: 控制 胡子/HTML {{{#选项} {{display} {{/options}} 选择1 选择2 选择3 选择4 备选案文5 有什么方法可以解决这种情况吗?这可能是一个bug。请在这里报告:带回这个问题的链接。这会发生在can身上吗?stache? var selectControlInst = null;
{{{#选项}
{{display}
{{/options}}
选择1
选择2
选择3
选择4
备选案文5
有什么方法可以解决这种情况吗?这可能是一个bug。请在这里报告:带回这个问题的链接。这会发生在can身上吗?stache?
var selectControlInst = null;
var selectControl = can.Control({
},{
init : function ( element, options) {
$( element ).html(can.view('multiSelectTemplate',this.getMap()));
},
getMap : function() {
return new can.Map({
selectedOptions : ['option1','option2'],
options : [{
display :'Option 1',
value :'option1'
},
{
display :'Option 2',
value :'option2'
},
{
display :'Option 3',
value :'option3'
},
{
display :'Option 4',
value :'option4'
},
{
display :'Option 5',
value :'option5'
}]
});
}
});
$(function(){
selectControlInst = new selectControl('.selectContainer');
});
<script id="multiSelectTemplate" type="text/mustache">
<select class="multipleSelect" can-value="selectedOptions" multiple="multiple" size="5">
{{#options}}
<option value="{{value}}">{{display}}</option>
{{/options}}
</select>
<br/>
<br/>
<select class="multipleSelect" can-value="selectedOptions" multiple="multiple" size="5">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
<option value="option4">Option 4</option>
<option value="option5">Option 5</option>
</select>
</script>