如何获得剑道列表视图中的数据项数

问题描述 投票：3回答：3

我有一个绑定到数据源剑道列表视图。当用户点击添加按钮，我叫$("#arealistview").data("kendoMobileListView").prepend([newItem])，增加了一个新的项目到列表的开头。

我怎样才能在ListView的项目数？

kendo-ui kendo-mobile
3个回答
6
投票

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

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

或者，你可以得到由data方法返回的数组的长度：

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

我相信你应该能够做到

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

你总是可以参考这里http://docs.kendoui.com/api/web/listview，如果仍然没有得到，我会建议得到与剑道代表联系，他们非常乐于助人的人。

0
投票

<!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>

这是树视图

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.