Kendo根据所选项目数多选更改TagTemplate

时间:2019-02-14 20:29:45

标签: jquery kendo-ui kendo-multiselect

假设我有一个显示“ A-Animation”,“ B-Brutal”等的多重选择,等等。 我正在利用TagTemplate功能来设置上面显示的文本。

如何将选定的文本设为“ A-Animation”(单动画),并将“ A,B,C,D”变为多选?

1 个答案:

答案 0 :(得分: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>