Visual Studio 2019支持

Telerik UI用于ASP.NET核心组件

使用最完整的ASP.NET核心UI组件为任何方案创建具有最佳质量的现代Web应用程序!

下载免费试用

新的

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

LightBrandelement_Hero.
忍者偷看
@(html.kendo()。grid ().name(“网格”) .Columns(columns => {columns. select ().Width()“6%”) .HtmlAttributes (新的{@班级=“checkbox-align”})。头部htmlattributes(新的{@班级=“checkbox-align”});列。(p => p.productname).clienttemplate(@"
#:productName#”)。宽度(300);列。命令(p => p.discontinued).title(“有存货”) .Width (“30%”).ClientTemplate( );列。(p => p.cormerration).title(“评分”) .Width (“16%”).Etable(“returnFalse”.Rating) .ClientTemplate (Html.Kendo () () . name (“评级_#= productId#”).min(1) 。最大限度(5.) .Label (错误的) .HtmlAttributes (新的{data_bind =.“价值:customeration”})。选择(“连续”).toclienttemplate()。价值);列.Bound(p => p.country.countrynamelong).title(“国家”) .EditorTemplateName (“国家”).ClientTemplate(@“< div class = ' k-text-center ' > < img src = "+@URL..Content (“〜/共享/网络/国家/地区 - 标志/#:data.country.countrynameshort#.png”)+“'alt ='#:data.country.couountrynamelong#'title ='#:data.country.countrynamelong#'宽度= '30'/> ) .Width (“12%”);列。命令(p => p.targetSales).Editable(“returnFalse”) .Title (“目标销售”).clienttemplate(html.kendo()。sparkline().name(“图表_#= productId#”).Legend(Legend =>传说。可见(错误的)).Type(SparkLineType.Bar).htmlAttributes(新的{data_series =“[{data:[#= targetsales#],标签:{可见:true,格式:'{0}%',背景:'none'}}]”}).Chartarea(Chartarea => Chartarea.margin(0.) .Width (180)).categoryaxis(轴=>轴.majorgridlines(行=>行。可见(错误的) .MajorTicks(lines => lines. visible (错误的))).Chartarea(C => C.Background(“透明的”) .ValueAxis(轴=>轴.Numeric() .Min(0.) 。最大限度(130.) 。可见的(错误的)。标签(L => L.visible(错误的) .MinorTicks(lines => lines. visible (错误的)).majorgridlines(线=>行。可见(错误的))).Tooltip(ToolTip =>工具提示。可见(错误的) .ToClientTemplate()。值);}) .ToolBar(toolbar => {toolbar. search ();toolbar.Excel ();toolbar.Pdf ();}) .ColumnMenu (col = > col.Filterable (错误的)) 。高度(700).pageable().sortable().navigaTable()。可调整(r => r.columns(真的))。真的)).Filterable().scrollable().events(Events => Events.databound(“ondatabound”) .DataSource(dataSource =>) .Ajax() .Batch(真的) .PageSize (20.) .AutoSync (真的).serveroperation(错误的).Events(Events => Events.Error(“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(新的categinyViewModel(){categoryID =8.,categoryname =“海鲜”});模型.Field(p => p.country).defaultValue(新的CountryViewModel () {CountryNameLong =“保加利亚”,countrynameshort =.“bg”});}) 。团体(团体=>团体。添加(“category.categoryname”typeof(String)agg=>agg. add (field=>field. totalsales).Sum()) .Create(“detailproducts_create”“网格”) .Read (“detailproducts_read”“网格”) .Update (“DetailProducts_Update”“网格”) 。破坏(“DetailProducts_Destroy”“网格”)))<脚本类型=“文字/ 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?“可用”'无法使用';$ () ('脚本')。每个(功能(){求解(美元)().html());});$ () (“.badgetemplate”).kendobadge({type:type,value:text,});kendo.bind($(), 数据项);});}功能returnfalse(){返回假;脚本}< / > < >风格.k-grid tr .checkbox-align{text-align:中心;垂直对齐:中间;}。产品 - 照片{显示:内联块;宽度:32px.;高度:32px.;这个特性:50%;背景大小:32px 35px.;背景位置:中心中心;垂直对齐:中间;行高:32px.;盒子阴影:插入0 0 1px#999,插入0 0 0 10 px rgba(0,0,0,.2);边缘 - 右:5px.;}.product-name{显示:内联块;垂直对齐:中间;行高:32px.;填充 - 左:3px.;宽度:70%;溢出:隐藏的;文本溢出:省略;空白:nowrap;}.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:nowrap;对齐 - 项目:中心;空白:nowrap;}.ddown-country-wrap img{边缘 - 右:10px.;}#grid .k-grid-edit-row> td> .k评级{margin-left:0.;宽度:100%;}
.StockChart @ (Html.Kendo ()
               () . name (“stockChart”) 。标题(“波音公司\ n(纽约证券交易所代码:BA)”) . datasource (ds => ds。Read(Read =>) Read .Action(“_boeingstockdata”“金融的”))).datefield(“日期”).series(series => {series.candlestick.series(series => {series.area(s => s.chose);}).select(datetime.parse(“2008/02/05”),datetime.parse(“2020/10/07”) ) ) )
< div id =“团队表”> < div id =“人们”> <输入检查一下类型=“复选框”id =“亚历克斯”aria-label =“亚历克斯”价值=“1”> <输入检查一下类型=“复选框”id =“鲍勃”aria-label =“鲍勃”价值=“2”> <输入检查一下类型=“复选框”id =“查理”aria-label =“查理”价值=“3”>   @(html.kendo()。scheduler ().name(“调度程序”) 。日期(新的DateTime(2020,6,13)).starttime(新的DateTime(2013, 6, 13, 7, 00, 00)) .Height(400) .Views(views => {views. dayview ();的观点。WorkWeekView(WorkWeekView =>) {WorkWeekView . selected (真的);});views.weekview();views.monthview();views.agendaview();views.timelineView();}) 。时区(“etc / utc”) . resources (resource => {resource。Add(m => . ownerid) .Title(“所有者”).datatextfield(“文本”) .DataValueField (“价值”).datacolorfield(“颜色”) 。绑定到(新的[]{新的{文本=“亚历克斯”,value = 1,color =“# f8a398”},新的{文本=“鲍勃”,值= 2,颜色=“#51a0ed”},新的{文本=“查理”,值= 3,颜色=“#56ca85”}});}).dataSource(d => d .events(e => e.Error()“onError”)) .Model(m => {m.Id(f => f. taskid);m.Field (f = > f.Title) .DefaultValue (“无题”);M.Field(f => F.OWNERID).defaultValue(1);m.recurrenceId(f => f.recurrenceID);}) 。读(“读”“调度程序”) 。创建(“创建”“调度程序”) 。破坏(“破坏”“调度程序”) .Update (“更新”“调度程序”).filter(筛选器=> {filters.add(model => model.own.ownerId).isequalto(1).or()。isequalto(2)或()。isequalto(3);})))