小编i.s*_*ori的帖子

如果启用无限滚动，如何防止 Kendo 网格加载数据两次？

我有一个 Kendo 网格，带有服务器端分页/排序/过滤并启用了无限滚动。在这种情况下，我遇到的问题是，当过滤网格时，数据会加载两次。第一次加载所有数据，第二次加载过滤后的数据。

要重现该问题，您必须执行以下步骤。

代码示例：https : //dojo.telerik.com/@Ruben/OnODErav

在网格中向下滚动直到加载新数据
在控制台中现在应该有两次“网格数据绑定”事件
在任何列上设置任何过滤器
现在，您在控制台中有四次“网格数据绑定”事件，而不是三次！

只有在向下滚动后才会出现错误。如果您重新启动并且只执行第三步，您将看到该事件仅触发了两次（初始一次和过滤后），这是正确的。

有人知道如何防止它两次加载数据吗？

   function onDataBound(arg) {
                    kendoConsole.log("Grid data bound");
                }
              
                $(document).ready(function() {
                    $("#grid").kendoGrid({
                        dataSource: {
                            type: "odata",
                            transport: {
                                read: "https://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
                            },
                            schema: {
                                model: {
                                    fields: {
                                        OrderID: { type: "number" },
                                        Freight: { type: "number" },
                                        ShipName: { type: "string" },
                                        OrderDate: { type: "date" },
                                        ShipCity: { type: "string" }
                                    }
                                }
                            },
                            pageSize: 20,
                            serverPaging: true,
                            serverFiltering: true,
                            serverSorting: true
                        },
                        height: 550,
                        dataBound: onDataBound, …

Run Code Online (Sandbox Code Playgroud)

javascript grid kendo-ui kendo-grid

Rub*_*ann

2020 01-10

7
推荐指数

1
解决办法

1784
查看次数

如何禁用 Kendo UI NumericTextBox 上的点？

我需要将数字字段设置为仅整数，以便该字段不接受小数。我什至不希望该字段近似，只是不接受点或逗号。

根据文化，它接受数字分隔符（例如 EN 是点，IT 是逗号）

这是我尝试过的代码

$("#numerictextbox").kendoNumericTextBox({
     culture: "en-US",
     step: 500,
     spinners: false,
     format: "#",
     decimals: 0
});

Run Code Online (Sandbox Code Playgroud)

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.common.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.rtl.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.silver.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.mobile.all.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.3.1023/js/kendo.all.min.js"></script>
 <script src="https://kendo.cdn.telerik.com/2019.3.1023/js/cultures/kendo.culture.en-US.min.js?bust=v21"></script>
</head>
<body>
  
<input id="numerictextbox" />
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

在这里您可以找到带有意大利文化示例的道场链接，在本例中它会阻止逗号

javascript jquery kendo-ui kendonumerictextbox

i.s*_*ori

2019 10-28

2
推荐指数

1
解决办法

3318
查看次数