脚手架
图表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:
- 创建一个新的ASP。NET MVCapplication. Include an Entity Framework Data Model and add
Telerik UI for ASP。NET MVC
.如果你已经这样做了,你可以继续下一步。否则,请按照开始本文的一部分. 右键单击要生成图表控制器的位置。选择添加>新的脚手架项目…从显示的菜单。在本例中,您将在控制器文件夹中。
选择剑道UI脚手架从可用的脚手架列表。
选择剑道UI图表脚手架。
在下一个屏幕上显示模型而且数据上下文选项,输入控制器名称而且视图名称.
的模型类下拉列表包含活动项目中的所有模型类型—本例将在图表中列出产品。选择产品实体。
从数据上下文类下拉菜单,选择实体框架数据模型类(NorthwindEntities).
(可选)在某些场景中,使用视图模型对象代替实体框架返回的实体是很方便的。如果是这种情况,请检查使用现有的ViewModel复选框,加载类似于第一个的下拉列表。选择视图模型.
类中还没有创建它,请添加一个新类
~ /模型
文件夹中。它的名字ProductViewModel
.公共类ProductViewModel{公共int ProductID{获取;设置;}公共字符串ProductName{获取;设置;公众卖空?UnitsInStock {get;设置;}}
选择ProductViewModel类的ViewModel类它。
ViewModel中属性的名称必须与Entity中相应的名称完全相同。否则,Kendo UI scaffold无法正确链接它们。[ASP的用户界面。NET MVC的视图模型class](images/scaffolding/view_model_class.png)
单击图表选项左边的项目。每个字段用星号标记
*
是强制性的。其余字段是可选的。此屏幕包含图表功能,您可以在搭建之前配置:
- 数据绑定类型-远程或本地。
- 标题——的
标题
海图。 - 显示工具提示-显示工具提示
显示的传说-展示一个图例。可用的选项有
底
,前
,左
,正确的
.系列类型—选择串联类型。每个系列类型表现不同系列选项配置。
增加更多系列-为一个系列增加一个额外的配置面板。
配置完成后,单击添加在底部。结果,图表控制器和相应的视图被生成。