剑道多选自动关闭在模板内

Question

我在剑道模板(type="text/kendo-x-tmpl"(的列表中有一个多选。 我找不到在没有 jQuery 的情况下将属性autoClose设置为false的方法。

<script type="text/kendo-x-tmpl" id="tmplRow">
<td style="width:100%" id="td">
<select data-id="myId" data-show=""
multiple="multiple"
data-role="multiselect"
data-text-field="Libelle"
data-value-field="IdProduct"
data-value-primitive="true"
data-loading-text="Chargement..."
data-bind="value: MyList, source: getSource,  events: { select: onSelectedEvent, change: onChangeEvent }" />
</td>
</script>

任何想法都会对我有所帮助。谢谢。

Answer 1

您可以使用此属性指定autoClose配置选项data-auto-close="false"：

<script type="text/kendo-x-tmpl" id="tmplRow">
<td style="width:100%" id="td">
<select data-id="myId" data-show=""
multiple="multiple"
data-role="multiselect"
data-text-field="Libelle"
data-value-field="IdProduct"
data-value-primitive="true"
data-loading-text="Chargement..."
data-bind="value: MyList, source: getSource,  events: { select: onSelectedEvent, change: onChangeEvent }"
data-auto-close="false" />
</td>
</script>

该文档提供了以下指导：

可以使用目标元素的数据属性设置每个配置选项。将"data-"前缀添加到配置选项的名称中，并指定选项值，例如data-delay="100"。

驼峰大小写选项通过短划线分隔的属性进行设置。例如，"自动完成"的"ignoreCase"选项是通过data-ignore-case设置的。

以data开头的选项不需要在属性名称中进行额外的"data"。例如，dataTextField选项通过data-text-field属性设置，dataSource通过data-source属性设置

有关详细信息，请参阅设置数据选项。在此处查看工作演示。