Visual Studio 2019支持

用于ASP的Telerik UI。网络核心组件

使用最完整的ASP创建具有最优质量的现代web应用程序。适用于任何场景的NET Core UI组件!

下载免费试用

新的

*包括在线技术培训,以加快入职速度。

LightBrandElement_Hero
ninja-peeking
@(html.kendo()。grid ().name(“网格”) .Columns(columns => {columns. select ().Width(“6%”)。HtmlAttributes (新的{@班级=“checkbox-align”})。HeaderHtmlAttributes (新的{@班级=“checkbox-align”});列。(p => p.productname).clienttemplate(@"
#:productName#”)。宽度(300);列。命令(p => p.discontinued).title(“股票”)。宽度(“30%”) .ClientTemplate (“<跨度id =“badge_ # = ProductID #”class =“badgeTemplate”> < / span >”);列。绑定(p = > p.CustomerRating) .Title (“评级”)。宽度(“16%”)。可编辑(“returnFalse”.Rating) .ClientTemplate (Html.Kendo () () . name (“评级_#= productId#”) .Min (1) 。最大限度(5) .Label () .HtmlAttributes (新的{data_bind =.“价值:CustomerRating”})。选择(“连续的”) .ToClientTemplate()。值);列。绑定(p = > p.Country.CountryNameLong) .Title (“国家”)。EditorTemplateName (“国家”).ClientTemplate(@ < / div >”)。宽度(“12%”);列。命令(p => p.targetSales).Editable(“returnFalse”)。标题(“目标销售”).clienttemplate(html.kendo()。sparkline().name(“图表_#= productId#”).Legend(Legend =>传说。可见()).Type(SparkLineType.Bar).htmlAttributes(新的{data_series =“[{data:[#= targetsales#],标签:{可见:true,格式:'{0}%',背景:'none'}}]”}) . chartArea (chartArea => chartArea。保证金(0)。宽度(180)).categoryaxis(轴=>轴.majorgridlines(行=>行。可见()).majorticks(线=>线条。可见())) .ChartArea (c = > c.Background (“透明”) .ValueAxis(axis => axis .Numeric() .Min()0) 。最大限度(130) 。可见的()。标签(L => L.visible() . minorticks (lines => lines.)可见的() . majorgridlines (lines => lines。可见的())).Tooltip(ToolTip =>工具提示。可见()).ToclientTemplate()。价值);}).Toolbar(工具栏=> {toolbar.search(); toolbar.excel(); toolbar.pdf();}).columnmenu(col => col.filterable() .Height (700) .Pageable() .Sortable() .Navigatable() .Resizable(r=>r. columns ()真的))。真的)).Filterable().scrollable().events(Events => Events.databound(“onDataBound”) .DataSource(dataSource =>) .Ajax() .Batch()真的) .PageSize (20.) .AutoSync (真的).serveroperation() . events (events => events。错误(“error_handler”)).model(模型=> {model.id(p => p.productId);模型.Field(p => p.productId).edaitient();Model.field(p => p.discontinued).editable();Model.field(p => p.totalsales).Editia();Model.field(p => p.category).defaultValue(新的CategoryViewModel () {CategoryID =8,categoryname =“海鲜”});模型。字段(p = > p.Country) .DefaultValue (新的CountryViewModel () {CountryNameLong =“保加利亚”CountryNameShort =“bg”});}) 。团体(团体=>团体阀门(“category.categoryname”,typeof(字符串)aggregate (agg=>agg. add (field=>field. totalsales).Sum()) .Create(“detailproducts_create”,“网格”) .Read (“DetailProducts_Read”,“网格”) .Update (“DetailProducts_Update”,“网格”) .Destroy (“DetailProducts_Destroy”,“网格”)))<脚本类型=“text / javascript”>功能error_handler (e) {如果(e.Errors){var消息=“错误:\ n”;$ .each(E.Errors,功能(关键字,值){如果(“错误”价值){$ .each(价值.Errors,功能() {message +=+“\ n”;});}});警报(消息);}}功能onDataBound (e) {var网格=;grid.table.find (“tr”)。每个(功能(){vardataItem = grid.dataItem ();vartype = dataItem.discontinued?'成功':'错误';vartext = dataitem.discontinued?“可用”:“不可用”;$ () (“脚本”)。每个(功能(){eval(美元)().html());});$ () (“.badgeTemplate”)。kendoBadge({类型:类型,值:文本,});kendo.bind(美元)(), dataItem);});}功能returnFalse () {返回假;脚本}< / > < >风格.k-grid tr .checkbox-align{text-align:中心;垂直对齐:中间;}.product-photo{显示:内联块;宽度:32像素;高度:32像素;这个特性:50%;背景大小:32px 35px.;背景位置:中心的中心;垂直对齐:中间;行高:32像素;盒子阴影:插入0 0 1px #999,插入0 0 10px rgba(0,0,0,2);边缘 - 右:5 px;}.product-name{显示:内联块;垂直对齐:中间;行高:32像素;padding-left:3px.;宽度:70%;溢出:隐藏的;文本溢出:省略;空白:noprop.;}.k-grid .Checkbox-align{文本溢出:夹子;}.k-rating-container .k-rating-item{填充:4px 0.;}.k-rating-container .k-rating-item .k-icon{字体大小:16 px;}.dropdown-country-wrap{显示:柔性;flex-wrap:noprop.;对齐 - 项目:中心;空白:noprop.;}.dropdown-country-wrap img{边缘 - 右:10 px;}#grid .k-grid-edit-row> td> .k评级{margin-left:0;宽度:100%;}> < /风格
.StockChart @ (Html.Kendo ()
               () . name (“stockChart”) .Title (波音公司(纽约证券交易所代码:BA)) . datasource (ds =>)Read(Read =>)“_boeingstockdata”,“金融的”))).datefield(“日期”) . series (series =>;烛台(s => s. open, s => s. high, s => s. low, s => s. close);}) . navigator (nav => nav . series(系列=>{系列。区(s = > s.Close);}) .Select (DateTime。解析(“2008/02/05”), DateTime。解析(“2020/10/07”) ) ) )
< div id =“团队表”> < div id =“人”> <输入检查一下类型=“复选框”id =“亚历克斯”aria-label =“亚历克斯”价值=“1”> <输入检查一下类型=“复选框”id =“鲍勃”aria-label =“鲍勃”价值=“2”> <输入检查一下类型=“复选框”id =“查理”aria-label =“查理”价值=“3”>   @(html.kendo()。scheduler ().name(“调度”) .Date (新的DateTime(2020, 6, 13)) .StartTime(新的DateTime(2013, 6, 13, 7, 00, 00) .Height(400) .Views(views => {views. dayview ();的观点。WorkWeekView(WorkWeekView => {WorkWeekView . workweek =>;选择(真的);});views.weekview();views.monthview();views.agendaview();views.timelineView();}) 。时区(“等/ UTC”) . resource (resource => {resource. resource =>;Add(m => m. ownerid) .Title(“所有者”).datatextfield(“文本”) .DataValueField (“价值”) .DataColorField (“颜色”) 。绑定到(新的[]{新的{文本=“亚历克斯”,value = 1,color =“# f8a398”},新的{文本=“鲍勃”,值= 2,颜色=“# 51 a0”},新的{文本=“查理”,值= 3,颜色=“# 56 ca85”}});}) .DataSource(d => d .Events(e => e. error ()“onError”)) .Model(m => {m id (f => f.t asskid);m.Field (f = > f.Title) .DefaultValue (“无题”);m.Field (f = > f.OwnerID) .DefaultValue (1);m.RecurrenceId (f = > f.RecurrenceID);}) .Read (“读”,“调度”) 。创造(“创造”,“调度”) .Destroy (“破坏”,“调度”) .Update (“更新”,“调度”).filter(筛选器=> {filters.add(model => model.own.ownerId).isequalto(1).or()。isequalto(2)或()。isequalto(3);}))) 
“demo-section含钾量”> @ (Html.Kendo () .TreeView () . name (“树视图”) .Checkboxes(c=>c. checkchildren (true)) .DragAndDrop(true) .TemplateId(“treeview-template”).dataSource(source => {source.read(read => read.action(“Read_TemplateData”,“树视图”));}))
< div> “text / javascript”>(文档)。(美元“点击”,“.delete-link”,功能(e) {e.preventDefault ();vartreeview = $ (“#树视图”) . data (“kendoTreeView”);treeview.remove(美元)() .closest (“.k-item”));});脚本< / > < >风格# treeview{宽度:240 px;保证金:0汽车;}# treeview .k-sprite{背景图片:url (“.content”~ /共享/ web / treeview / coloricons-sprite.png”)”);}.k-i-close-outline{颜色:红色的;}.rootfolder{背景位置:0 0;}。文件夹{背景位置:0 -16 px;}.pdf.{背景位置:0 -32 px;}. html{背景位置:0 -48 px;}。图像{背景位置:0 -64 px;}.delete-link.{宽度:12px.;高度:12px.;背景:透明的url (“.content”~ /共享/ web / treeview / close.png”)”)不重复50% 50%;溢出:隐藏的;显示:内联块;字体大小:0;行高:0;垂直对齐:最佳;保证金:2px 0 0 3px;-webkit边界半径:5 px;-mox边界半径:5 px;这个特性:5 px;}.k-i-close-outline{颜色:灰色;padding-left:5 px;字体大小:12px.;}> < /风格
trust-radius-badge

Telerik获得多个TrustRadius 2021年最佳发展奖

Telerik赢了最佳功能集最佳客户支持。该奖项基于用户审查中提供的定量和定性反馈,以便客户支持,功能集和可用性。

Telerik UI用于ASP.NET核心组件关键功能

ASP。NET核心组件可用于任何UI场景

为每种需要切割开发时间和成本为100多个ASP.NET核心组件:导航和布局,数据管理和可视化,编辑,交互等。

使用健壮的组件可视化数据

使用诸如网格,调度程序,图表,编辑器等战斗的组件等,所有这些组件都有很多,具有一定的自定义选项可视化您的数据。

内置,但可定制的主题

受益于各种专业设计的内置主题& Telerik SAAS主题构建器,以交付卓越的用户界面在任何时间。

获奖文档,代码样本和技术培训

用我们广泛的ASP开始工作。网络核心documentation, demos, docs & online technical training to achieve meaningful results in hours not months.

从产品背后的思想中的出色支持

在Telerik的优秀技术支持团队面前,了解您有一个值得信赖的合作伙伴。

任何用户可用的Web应用程序

享受对技术支持的键盘导航,为Tech-Savvy用户提供全面支持,并响应用户的文化,以正确格式化数字,日期和辅助文本。

探索我们的100+ ASP。网络核心UI Components

brandelement_botom_ninja-min

观察他们的行动

发射演示vwin德赢app下载

升级到Telerik Devaft填充

为任何项目和技术做好准备

通过获取1,250多个以上的JavaScript UI组件,可以为建立Web,桌面和移动应用程序提供高达50%的开发时间。

获得最优质的钱

享受Telerik UI的ASP。网络核心along with embedded reporting and mocking tools while saving up to 90% from the upgrade price.

用于ASP的Telerik UI。网络核心
支持和学习

灯
白皮书

对用于ASP的Telerik工具集的回顾。NET Web表单和核心

本指南旨在帮助开发人员快速熟悉ASP的总体思想。asp.net Web表单和ASP。网络核心和what Telerik has to offer for both technologies. It also provides couple of fundamental steps for customers who’ve decided to create a new application based on ASP.NET Core, or modernize their existing Web Forms App by switching to a Core App.

dotnett2 dark_270x123
博客

即时反馈在此处:在.NET 6中引入热重新加载

使用.NET 6预览3,您可以使用与ASP.NET核心应用程序的热重新加载。热重新加载增压您的生产力,并允许您实时查看变更。这篇文章向您展示了它的工作原因以及您应该期望的任何限制。

用于ASP的Telerik UI。NET Core -概述
视频

用于ASP的Telerik UI。NET Core -概述

在12月的ASP.NET核心更新的Telerik UI中,追赶产品的新内容,并在1月份新的2021年首次发布新的2021中获得了我们为您准备的内容。

服务

有什么新
用于ASP的Telerik UI。网络核心组件

Telerik UI for ASP.NET核心任务板

新组件:任务牌

用户现在可以很容易地跟踪工作进度,通过管理和组织工作流程中的任务,如“正在进行中”,“完成中”和“即将到来”的Telerik UI。NET核心任务板组件。

用于ASP的Telerik UI。网络核心骨架

新组件:骨架

在内容加载之前,创建内容将如何显示的准确表示,以改善ASP的Telerik UI的用户体验。NET核心骨架容器。

用于ASP的Telerik UI。网络核心actionsheet.

新组件:ActionSheet

通过将可能的动作放置在新的ASP.NET核心ActionShear组件中,通过放置可能的操作来加快用户的生产力。

行业领先的支持

专家及时支持

即使在您的试用期间,也可以直接从构建此UI套件的开发人员获取问题。

联系支持

需要评估帮助吗?

如果您不是开发人员或没有时间评估我们的产品,请将您的项目需求发送给我们。我们将评估您所需的功能,并让您知道我们的产品如何满足您的需求。

向我们发送您的项目要求
开始浪潮

下一个步骤

发射演示vwin德赢app下载

参见Telerik UI的ASP。网络核心在action and check out how much it can do out-of-the-box.

比较定价

看看这些优惠。购买一套单独的套房,或者享受我们的套餐。

下载免费试用

为ASP.NET核心尝试Telerik UI,具有专用的技术支持。