Question

我有一个绑定到数据源的kendo listview。当用户点击“添加”按钮时，我会调用$("#arealistview").data("kendoMobileListView").prepend([newItem])，这会在列表的开头添加一个新项目。

如何计算列表视图中的项目数？

Answer 1

数据源的total方法应该返回：

var total = $("#arealistview").data("kendoMobileListView").dataSource.total();

或者您可以获得data方法返回的数组的长度：

var data = $("#arealistview").data("kendoMobileListView").dataSource.data();
var total = data.length;

Answer 2

我相信你应该能够做到

var numItems=$("#arealistview").data("kendoMobileListView").length;

你总是可以在这里引用http://docs.kendoui.com/api/web/listview，如果仍然没有产生任何结果，我建议与剑道代表取得联系，他们是非常有帮助的人。

Answer 3

<!DOCTYPE html>
<html>
<head>
    <base href="https://demos.telerik.com/kendo-ui/treeview/dragdrop">
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.115/styles/kendo.common-material.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.115/styles/kendo.material.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.115/styles/kendo.material.mobile.min.css" />

    <script src="https://kendo.cdn.telerik.com/2019.1.115/js/jquery.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.1.115/js/kendo.all.min.js"></script>
    

</head>
<body>
        <div id="example">
            <div class="demo-section k-content">
                <h4>Treeview One</h4>
                <div id="treeview-left"></div>
            </div>
          
      <script id="treeview-template" type="text/kendo-ui-template">
            #= item.text # <span class='item-count'></span>
        </script>
  
            <script>
                $("#treeview-left").kendoTreeView({
                   template: kendo.template($("#treeview-template").html()),
                  
                    dataSource: [
                        { text: "Furniture", expanded: true, items: [
                            { text: "Tables & Chairs" },
                            { text: "Sofas" },
                            { text: "Occasional Furniture" }
                        ] },
                        { text: "Decor", items: [
                            { text: "Bed Linen" },
                            { text: "Curtains & Blinds" },
                            { text: "Carpets" }
                        ] }
                    ],
                   dataBound: function(e) {
                     
                var item = this.dataItem(e.node);
                var children = item && item.children ? item.children.data().length : undefined; 
                var text = children ? ("(" + children + ")") : "";
                $(e.node).find(">div .item-count").text(text);
              }
                });

                $("#treeview-right").kendoTreeView({
                    dragAndDrop: true,
                    dataSource: [
                        { text: "Storage", expanded: true, items: [
                            { text: "Wall Shelving" },
                            { text: "Floor Shelving" },
                            { text: "Kids Storage" }
                        ]
                        },
                        { text: "Lights", items: [
                            { text: "Ceiling" },
                            { text: "Table" },
                            { text: "Floor" }
                        ]
                        }
                    ]
                });
            </script>

            <style>
                #treeview-left,
                #treeview-right
                {
                    overflow: visible;
                }
            </style>
        </div>


</body>
</html>

这是树状视图

如何获取kendo listview数据项计数

3 个答案: