在kendo模板中的集合之间添加图标?

时间:2016-03-07 15:06:22

标签: kendo-ui kendo-mobile kendo-template

我有一个剑道模板,其数据源为项目,其中包含item1,item2,item3。

我需要在项目之间添加图标,而不是动态地在项目中的第一项和最后一项。

像这样,item1> item2>项目3。

不喜欢:> item1> item2> item3>

1 个答案:

答案 0 :(得分:1)

只需在模板中使用一些脚本来测试是否应添加图标:

<script type="text/x-kendo-template" id="theTemplate">
  <div>
    # for (var i = 0; i < data.length; i++) { # 
      <span>
        #= data[i].Item # 
        # if (i < data.length - 1){ 
            # &nbsp;&gt;&nbsp;  
        # } #
      </span>
    # } #
  </div>
</script>

var data = [
    {"Item":"ITEM1"},
    {"Item":"ITEM2"},
    {"Item":"ITEM3"},
    {"Item":"ITEM4"},
    {"Item":"ITEM5"}]

var submitTemplate = kendo.template($("#theTemplate").html());
$("#output").html(submitTemplate(data));

<强> DEMO