全局设置Kendo网格的NoRecords设置

时间:2018-02-16 09:24:18

标签: kendo-ui kendo-grid kendo-asp.net-mvc

我在项目中实现了kendo网格。如果数据不存在,我想向网格显示“无可用记录”消息。我为我的网格设置noRecords为true,它按预期工作。现在我的项目中有很多网格,所以我想为所有网格全局设置这个设置。

有没有办法实现这个目标?

以下是我的示例代码:

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

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.1.117/styles/kendo.common.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.1.117/styles/kendo.rtl.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.1.117/styles/kendo.silver.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2018.1.117/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/2018.1.117/js/kendo.all.min.js"></script>
</head>
<body>
  First Grid:
<div id="grid"></div>
  Second Grid:
  <div id="grid1"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  pageable: true,
  noRecords: {
    template: "No data available"
  },
  dataSource: {
    page: 1,
    pageSize: 10
  }
});

  $("#grid1").kendoGrid({
  columns: [
    { field: "name" },
    { field: "age" }
  ],
  pageable: true,
  dataSource: {
    page: 1,
    pageSize: 10
  }
});
</script>
</body>
</html>

你可以找到一个有效的道场here

1 个答案:

答案 0 :(得分:4)

您好,您可以像这样扩展网格。您可以将它放在一个单独的js文件中,并在使用网格之前将其包含在内。

TypeError: Failed to convert object of type <class 'tensorflow.python.data.ops.dataset_ops.TensorSliceDataset'> to Tensor. Contents: <TensorSliceDataset shapes: ((45,), (2,)), types: (tf.float64, tf.uint8)>. Consider casting elements to a supported type.

您可以查看dojo here