Kendo multiselect根据所选项目的数量更改TagTemplate

问题描述 投票:0回答:1

假设我有一个多选项,显示'A-Animation','B-Brutal'等等。我正在利用TagTemplate功能设置如上所示的文本。

如何将所选文本作为单个选择的“A-Animation”,以及“A,B,C,D”进行多项选择?

jquery kendo-ui kendo-multiselect
1个回答
0
投票

Moru,你需要在模板中构建一些条件逻辑。此示例执行类似操作,在切换到仅显示图标集合之前,显示少于三个选项的图标和文本。希望它会给你一些想法:)

<script id="tag-template" type="text/x-kendo-template">
    # var fullTag = (values.length < 3); #
    # for (var idx = 0; idx < values.length; idx++) { #
        # var di = dataItems[idx]; #
        <span class="far fa-fw #:di.icon#" title="#:di.text#"></span>
        # if (fullTag) { #
            #:di.text#
            # if (idx < values.length - 1) {#, # } #
        # } #
    # } #
    # if (!fullTag) { #
        of #:maxTotal#
    # } #
</script>
© www.soinside.com 2019 - 2024. All rights reserved.