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

脚手架

图表HtmlHelper的ASP。NET MVCenables you to use the Kendo UI Scaffolder Visual Studio extension.

Kendo UI脚手架将不包括所需的用户界面的ASP。NET MVC文件到项目。若要自动包含这些文件,请使用Telerik UI for ASP。NET MVCVisual Studio extensions.若要手动包含这些文件,请参见这篇文章

构建ASP的HtmlHelper。NET MVC:

  1. 创建一个新的ASP。NET MVCapplication. Include an Entity Framework Data Model and addTelerik UI for ASP。NET MVC.如果你已经这样做了,你可以继续下一步。否则,请按照开始本文的一部分
  2. 右键单击要生成图表控制器的位置。选择添加>新的脚手架项目…从显示的菜单。在本例中,您将在控制器文件夹中。

    用户界面的ASP。NET MVC的new scaffolded iItem

  3. 选择剑道UI脚手架从可用的脚手架列表。

    用户界面的ASP。NET MVC的剑道UIscaffolder

  4. 选择剑道UI图表脚手架。

    用户界面的ASP。NET MVC的剑道UIChart scaffolder

  5. 在下一个屏幕上显示模型而且数据上下文选项,输入控制器名称而且视图名称

    用户界面的ASP。NET MVCChart Scaffolder model options

  6. 模型类下拉列表包含活动项目中的所有模型类型—本例将在图表中列出产品。选择产品实体。

    用户界面的ASP。NET MVC的模型class

  7. 数据上下文类下拉菜单,选择实体框架数据模型类(NorthwindEntities).

    用户界面的ASP。NET MVC的数据上下文class

  8. (可选)在某些场景中,使用视图模型对象代替实体框架返回的实体是很方便的。如果是这种情况,请检查使用现有的ViewModel复选框,加载类似于第一个的下拉列表。选择视图模型

  9. 类中还没有创建它,请添加一个新类~ /模型文件夹中。它的名字ProductViewModel

    公共类ProductViewModel{公共int ProductID{获取;设置;}公共字符串ProductName{获取;设置;公众卖空?UnitsInStock {get;设置;}}
  10. 选择ProductViewModel类的ViewModel类它。

    ViewModel中属性的名称必须与Entity中相应的名称完全相同。否则,Kendo UI scaffold无法正确链接它们。[ASP的用户界面。NET MVC的视图模型class](images/scaffolding/view_model_class.png)
  11. 单击图表选项左边的项目。每个字段用星号标记是强制性的。其余字段是可选的。

    用户界面的ASP。NET MVC的options when setting the Chart functionalities

    此屏幕包含图表功能,您可以在搭建之前配置:

    • 数据绑定类型-远程或本地。
    • 标题——的标题海图。
    • 显示工具提示-显示工具提示
    • 显示的传说-展示一个图例。可用的选项有,正确的

      用户界面的ASP。NET MVC的legend options

    • 系列类型—选择串联类型。每个系列类型表现不同系列选项配置。

      用户界面的ASP。NET MVC的series options

    • 增加更多系列-为一个系列增加一个额外的配置面板。

  12. 配置完成后,单击添加在底部。结果,图表控制器和相应的视图被生成。

另请参阅

在本文中
Baidu
map