Telerik UI for ASP。NET MVC?下载30天免费试用

剃刀页面中的Telerik UI图

Razor Pages是MVC模式的替代方案。Razor Pages使以页面为中心的编码更容易、更高效。这种方法包括一个cshtml文件和cs文件(通常,两个文件具有相同的名称)。您可以无缝地集成用于ASP的Telerik UI Diagram。NET MVC在Razor Pages应用程序。

有关可运行的示例,请参阅RazorPages示例中的图表

开始

控件中的Telerik UI图中启用CRUD操作RazorPage

  1. 中设置CRUD url数据源而且ConnectionsDataSource伴随着模型。Id.方法中的URL必须引用方法的名称PageModel

    .DataSource(d => d .ShapeDataSource() .Model(m => {m.Id(s => s.d);m.Field(s => s.d id).可编辑(false);m.Field(s => s. jobtitle);m.Field(s => s. color);}) .Read(r => r. url ("/Diagram/DiagramEditing?handler=ReadShapes").Data("forgeryToken")) .Create(r => r. url ("/Diagram/DiagramEditing?handler=CreateShape").Data("forgeryToken")) .Destroy(r => r. url ("/Diagram/DiagramEditing?handler= destroeshape ").Data("forgeryToken")) .Update(r => r. url ("/Diagram/DiagramEditing?handler=UpdateShape").Data("forgeryToken")) .ConnectionsDataSource(d => d .Model(m => {m.d d(c => c.Id);m.Field(c => c. id).可编辑(false);(c => c. fromshapeid);c. toshapeid (c =>);}) .Read(r => r. url ("/Diagram/DiagramEditing?handler=ReadConnections").Data("forgeryToken")) .Create(r => r. url ("/Diagram/DiagramEditing?handler=CreateConnection").Data("forgeryToken")) .Destroy(r => r. url ("/Diagram/DiagramEditing?handler=DestroyConnection").Data("forgeryToken")) .Update(r => r. url ("/Diagram/DiagramEditing?handler=UpdateConnection").Data("forgeryToken")) .)
  2. 的顶部添加一个AntiForgeryTokenRazorPage

    @inject microsoft . aspnetcore . antiforgerytoken ()
  3. 在页面的每个POST请求中发送AntiForgeryToken。还可以提供其他参数。