如何区分 Kendo UI（服务器）和 Kendo UI（客户端）？

Question

我正在使用 ASP.Net Core 6。我被迫使用 Kendo UI 来构建表格（网格）。 Kendo UI 有 2 种“风格”：

我所说的“服务器”：

@(Html.Kendo().Grid<Model>().Name("grid").Columns(columns =>
{ columns.Bound(c => c.TypeOfVisit).Width(140); ...

还有：“客户”

<script src="js/kendo.all.min.js"></script>
$("#grid").kendoGrid({...

为什么这两种技术同名？由于这两种技术的结果相互交叉，试图在网络上寻找指导是令人愤怒的。

谁能告诉我分别搜索这些的秘密握手？如何指定我正在寻找“服务器”示例与“客户端”示例？

顺便说一句 - Telerik 真丢脸！

Answer 1

它们共享相同的名称，因为最终结果实际上是相同的 - 用于在浏览器中的页面上显示 Kendo UI 控件的 html 和 javascript。

您的“服务器”示例是使用服务器端“MVC 包装器”类的 Razor 语法。它在构建页面时在服务器上运行，并发出 html 和 javascript，以便在浏览器接收到网格后进行渲染。然后服务器将结果页面传递给浏览器。

您的“客户端”示例是 jQuery 语法，其中网格是在收到页面后由客户端代码构建的。

因此，您可以在服务器或客户端或两者上构建 Kendo UI 控件。

寻找示例的最佳起点是https://demos.telerik.com/kendo-ui/grid/index 每个控件的登陆页面都显示了使用 jQuery 的示例，但也有一些链接显示了 Angular、React、Vue、ASP.NET MVC 和 ASP.NET Core 的等效项。

显然 jQuery、Angular、React 和 Vue 是客户端，而 ASP.NET MVC 和 ASP.NET Core 是服务器端。根据您正在使用的内容相应地定制您的搜索。