博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
MVC6 TagHelpers整合到了MVC版本
阅读量:4445 次
发布时间:2019-06-07

本文共 1445 字,大约阅读时间需要 4 分钟。

MVC6 TagHelpers 随着ComponentOne Studio 2015 V2版本一起发布了,所以您现在就可以使用它的新功能了。

TagHelpers和web指令很相似,例如JavaScript脚本里的Angular扩展了HTML属性,这和ASPNET5很相似。现在可以使用HTML帮助器来简化扩展语义标记。例如,参考下面的情景:

在ASPNET MVC中使用FlexGrid ,当前我们使用的razor 语法如下:

@(Html.C1().FlexGrid()
 
.AutoGenerateColumns(false)
 
.CssClass("grid")
 
.IsReadOnly(true)
 
.Columns(columns =>
 
{
 
columns.Add(column => column.Binding("Start").Width("80").MaxWidth(160).MinWidth(40));
 
columns.Add(column => column.Binding("Product").Width("2*").AllowResizing(false));
 
columns.Add(column => column.Binding("Amount").Format("c"));
 
columns.Add(column => column.Binding("Amount2").Format("c"));
 
})
 
.Bind(Model)
 
)

现在来看下使用Taghelpers 后的句法:

 
 
 
 
 
 
 

上面的代码看起来像使用了标记语言。这就是TagHelpers 优秀之处:简洁且便于理解。加上它对完整的IntelliSense的支持,编写razor代码就变得十分轻松愉快。我们来看看使用了模板的其他例子。假如我们需要显示下拉框自定义项目,可以编写如下razor代码:

@(Html.C1().ComboBox()
 
.Bind(Model)
 
.DisplayMemberPath("Name")
 
.SelectedValuePath("Value")
 
.ItemTemplateId("template1")

在“template1”分别定义为:

 
 
 
{
{Name}}
 
 
 
// ]]>

同样的代码使用Taghelpers后将会如下所示:

 
 
 
 
{
{Name}}
 
 
 
 
 
 
 

正如我们看到的那样,只需几行代码,模板定义就内联且自然。从2015 V2版本开始我们的所有MVC版控件都支持TagHelper。ASPNET5中的控件的核心是CLR,因此,控件能够跨平台工作。

2015 v2发布后,MVC版本控件兼容了MVC6和TagHelpers Beta版。微软发布ASPNET5 RC\RTM后,我们很快也会让这些控件和ASPNET5 RTM兼容。

敬请期待更多喜讯

2015 v2发布后,MVC版FlexChart 中的TrendLines, RangeSelector 以及新版本的Web API您就可以开始使用了。

 

GCDN

官方网站

转载于:https://www.cnblogs.com/C1SupportTeam/articles/taghelper.html

你可能感兴趣的文章
Spring4.2 集成ActiveMQ5.14
查看>>
Spring-boot加载resources下的文件
查看>>
tomcat 项目部署问题
查看>>
给应用创建快捷图标
查看>>
转 Android - 文件操作
查看>>
创建dynamics CRM client-side (五) - 使用regular expression (正则表达式)来检查phone number...
查看>>
MySQL 连接不上本地数据库
查看>>
C# Uditor 富文本的部署
查看>>
文档倒排序索引
查看>>
H264相关知识
查看>>
iOS基础面试题汇总
查看>>
idea激活
查看>>
委托案例1
查看>>
一个神奇的类库,可以执行字符串表达式
查看>>
java读取CSV文件添加到sqlserver数据库
查看>>
Ubuntu创建快捷方式
查看>>
【转】125个常用拉丁语词根
查看>>
Avito Cool Challenge 2018-A. Definite Game(思维题)
查看>>
django drf 权限permission
查看>>
ASP.NET MVC使用Bootstrap系列(1)——开始使用Bootstrap
查看>>