<脚本类型=“文本 / javascript”> (函数() { TrackingConsentManager.init('\u003cdiv id=\"tracking-consent-dialog\" style=\"显示:none\" /\u003e'); })();
@using剑道.Mvc.例子.模型.甘特;

@(Html.剑道().甘特<TaskView模型, DependencyView模型>()
    .的名字(“甘特”)
    .( =>
    {.绑定(c => c.Title).Title(“任务”).可编辑的(真正的).可分类的(真正的).宽度(250);.绑定(c => c.Percent完整的).Title(“%完成”).可编辑的(真正的).宽度(100);
    })
    .的观点(的观点 =>
    {
        的观点.DayView();
        的观点.WeekView(weekView => weekView.选择(真正的));
        的观点.月View();
    })
    .List宽度("35%")
    .高度(566)
    .ShowWorkHours()
    .ShowWorkDays()
    .提前()
    .数据源(d => d
        .模型(m =>
        {
            m.Id(f => f.TaskID);
            m.ParentId(f => f.ParentID);
            m.OrderId(f => f.OrderId);
            m.(f => f.扩大).默认的价值(真正的);
        })
        .(“读_Tasks”, “甘特”)
    )
    .Dependencies数据源(d => d
        .模型(m =>
        {
            m.Id(f => f.DependencyID);
            m.PredecessorId(f => f.PredecessorID);
            m.SuccessorId(f => f.SuccessorID);
            m.类型(f => f.类型);
        })
        .(“读_Dependencies”, “甘特”)
    )
    .资源(r => r
        .(“资源”)
        .DataColor场(“颜色”)
        .Data文本场(“名称”)
        .数据源(d => d
            .自定义()
            .模式(s => s
                .模型(m => m.Id("ID"))
                .Data(“数据”)
            )
            .运输(t =>
            {
                t.(“读_资源”, “甘特”);
            })
        )
    )
    .作业<ResourceAssignmentView模型>(a => a
        .DataTaskId场(“TaskID”)
        .DataResourceId场(“ResourceID”)
        .Data价值场(“单位”)
        .数据源(d => d
            .模型(m =>
            {
                m.Id(f => f.ID);
            })
            .(“读_作业”, “甘特”)
        )
    )
    .可编辑的()
)


                        
@ 模型列表<VisitorConversionView模型>
    
    <脚本id=“当前” 类型=“文本/ x-剑道-template”>
        <h1>2, 399</h1>
        <div>当前活跃用户</div>
    </script>

    <脚本id=“pages-chart-template” 类型=“文本/ x-剑道-template”>
        @(Html.剑道().图表()
            .的名字(“pages-chart”)
            .Legend(l=>l.可见())
            .系列(s=>s.( [] { 90000, 60000, 40000, 30000, 10000 }))
            .价值Axis(v=> v.数字()
                .(l => l.宽度(0))
                .标签(l=>l.一步(5)
               )
               .MajorUnit(10000)
               .最小值(0)
               .马克斯(100000)
            )
            .类别Axis(c=>
                c.类别( 字符串[] { “家”, “价格”, “注册”, “产品”, “博客” })
                .标签(l=>l.旋转(“汽车”))
                .Major网格行s(mg => mg.可见())
                .MajorTicks(mt => mt.可见())
            )
            .HtmlAttributes( { style = “高度:100%;宽度:100%; })
            .ToClientTemplate()
        )
    </script>
    <脚本id=“的观点-chart-template” 类型=“文本/ x-剑道-template”>
        @(Html.剑道().图表()
            .的名字(“的观点-chart”)
            .Legend(l=>l.可见())
            .系列(s=>s.( 动态[] {
                     { 日期 =  日期Time(2020, 3, 30), 的观点 = 2000 },
                     { 日期 =  日期Time(2020, 4, 5), 的观点 = 80000 },
                     { 日期 =  日期Time(2020, 4, 10), 的观点 = 130000 },
                     { 日期 =  日期Time(2020, 4, 15), 的观点 = 170000 },
                     { 日期 =  日期Time(2020, 4, 20), 的观点 = 190000 },
                     { 日期 =  日期Time(2020, 4, 25), 的观点 = 150000 },
                     { 日期 =  日期Time(2020, 4, 30), 的观点 = 160000 }
                })
                .类别场(“日期”).(“视图”)
                .Style(图表行Style.光滑的)
                .标记(m => m.可见())
            )
            .价值Axis(v=> v.数字()
                .(l => l.宽度(0))
                .标签(l=>l.一步(2)
               )
               .最小值(0)
               .马克斯(200000)
            )
            .类别Axis(c=> c.日期()
                .BaseUnit(图表AxisBaseUnit.适合)
                .标签(l=>l.格式(“{0:d嗯}”).旋转(“汽车”))
                .Major网格行s(mg => mg.可见())
                .MajorTicks(mt => mt.可见())
            )
            .HtmlAttributes( { style = “高度:100%;宽度:100%; })
            .ToClientTemplate()
        )
    </script>
    <脚本id=“visitors-chart-template” 类型=“文本/ x-剑道-template”>
        @(Html.剑道().图表()
            .的名字(“visitors-chart”)
            .系列(系列 =>
            {
                系列.甜甜圈( 动态[] {
                     {价值 = 70, 类型 = “新”},
                     {价值 = 30, 类型 = “返回”},
                }).StartAngle(70).类别场(“类型”);
            })
            .Legend(l => l.位置(图表Legend位置.).可见(真正的))
            .HtmlAttributes( { style = “高度:100%;宽度:100%; })
            .ToClientTemplate()
        )
    </script>

    <脚本id=“users-网格-template” 类型=“文本/ x-剑道-template”>
        @(Html.剑道().网格(模型)
            .的名字(“users-网格”)
            .(col => {
                col.绑定(f => f.通道).宽度(100);
                col.绑定(f => f.用户).宽度(80).格式("{0:n0}");
            })
            .可滚动(s => s.高度(“汽车”))
            .HtmlAttributes( { style = “高度:100%;” })
            .ToClientTemplate()
        )
    </script>

    @(Html.剑道().Tile布局()
        .的名字(“tilelayout”)
        .(5)
        .Rows高度("240px")
        .列宽度("200px")
        .容器(c => {
            c.添加().Header(h => h.文本(“页面视图”)).BodyTemplateId(“的观点-chart-template”).ColSpan(2).行宽(1);
            c.添加().Header(h => h.文本(“用户频道”)).BodyTemplateId(“users-网格-template”).ColSpan(2).行宽(2);
            c.添加().Header(h => h.文本(“游客”)).BodyTemplateId(“visitors-chart-template”).ColSpan(1).行宽(1);
            c.添加().Header(h => h.文本(“访问最多的网页)).BodyTemplateId(“pages-chart-template”).ColSpan(2).行宽(1);
            c.添加().Header(h => h.文本(“目前”)).BodyTemplateId(“当前”).ColSpan(1).行宽(1);
        })
        .Reorderable(真正的)
        .可调整大小的(真正的)
        .事件(e=>e.调整(“onTile调整”))
    )
@section脚本{
    <script>
        函数 onTile调整(e) {
            if (e.容器) {

                //对于不自动调整大小的小部件
                / / http://docs.gerardoromero.com/剑道-ui/styles-和-layout/using-剑道-in-responsive-web-pages
                剑道.调整(e.容器, 真正的);
            }
        }

        $(窗口).on(“调整”, 函数 () {
            剑道.调整($(".k-chart, .k-网格”));
        });

        $(文档).on(“剑道读y”, 函数 () {
            剑道.调整($(".k-网格, .k-chart”));
            $(文档).绑定(“剑道:skinChange”, updateTheme);
        });

        函数 updateTheme() {
            var 图表 = $(".k-chart”);
            $.每一个(图表, 函数 (i, 初步的) {
                var 主题 = 剑道Theme;
                if (剑道Theme == “material-v2” || 剑道Theme == “default-v2” || 剑道Theme == “bootstrap-v4”) {
                    主题 = “萨斯”;
                }
                $(初步的).get剑道图表().setoption({ 主题: 主题 });
            });
        }
    </script>
}
<style>
    .k--header {
        flex: 0 0 汽车;
    }

    .k--body {
        溢出: 隐藏的;
    }
</style>

@(Html.剑道().编辑器()
        .的名字(“编辑器”)
        .HtmlAttributes( { style = "宽度: 100%; 高度:566px", aria_label = “编辑器” })
        .样式表(css => css
        .添加(Url.内容(“~ /内容/ web /编辑/ editorStyles.css”))
        )
        .工具(工具 => 工具
        .清晰的()
        .大胆的().斜体().下划线()
        .JustifyLeft().JustifyCenter().JustifyRight()
        .InsertUnorderedList().InsertOrderedList()
        .减少缩进().缩进()
        .TableEditing()
        .字体名()
        .字形大小()
        .FontColor().背景色()
        )

                        
        .值(@<文本>
                <br />
                <p style="文本-align:center;">
                    <span style="字体类型:Verdana, 日内瓦, 无衬线;字体大小:;">
                        <strong>地球上最美丽的岛屿之一——特内里费岛strong>
                    span>
                p>
                <p>
                    <span style="字体类型:Verdana, 日内瓦, 无衬线;字体大小:媒介;">
                        <strong>概述strong>
                    span>
                p>
                <p style="字体大小: small;">
                    <strong>特内里费 strong>是八个岛屿中最大、人口最多的岛屿吗 <a href="http://en.维基百科.org/wiki/Canary_Isl和s" 目标="平等自愿"> 加那利群岛a>. 它也是世界上人口最多的岛屿 <strong>西班牙strong>,土地面积2,034.38平方公里(785平方英里)和904,713居民,占总人口的43% <strong>加那利群岛strong>. 群岛的海滩, 气候和重要的自然景点, 使它成为一个主要的旅游目的地,每年有超过1200万的游客.
                p>
                <br />
                

                <p>
                    <span style="字体类型:Verdana, 日内瓦, 无衬线;字体大小:媒介;">
                        <strong>特内里费岛之旅集锦strong>
                    span>
                p>
                <ul>
                    <li>
                        <strong style="color: rgb(0,80,5);">洛洛公园之旅 strong> <br /> 外围买球365的首要建议是去参观名人 <em>洛帕克em> 或“洛公园. 是13.5公顷的动物园位于特内里费岛的Puerto de la Cruz郊区, 在西班牙,它拥有广泛和多样的动植物物种保护区.
                        <br />
                        <br />
                    li>
                    <li>
                        <strong><span style="color: rgb(46,125,50);">观赏鲸鱼和海豚之旅&,<br />span>strong> 另一个不错的选择是乘船游览,几乎可以肯定能看到鲸鱼和海豚. 这是包括午餐在内的一天行程, 岛参观, 钓鱼, 还有令人惊叹的海洋风光.
                        <br />
                        <br />
                    li>
                    <li>
                        <strong><span style="color: rgb(96,173,94);">泰德国家公园观星span>strong><br />去年, 但更重要的是,你可以去泰德国家公园观星, 它是世界上第三大观赏恒星的最佳地点,被美国宇航局描述为宇宙的窗口.
                        <br />
                    li>
                ul>
                <br />
                <p>
                    <span style="字体类型:Verdana, 日内瓦, 无衬线;字体大小:媒介;"> <strong> 气候 strong> span>
                p>
                <table style="宽度:100%;高度:225px;文本-align:center;">
                    <tbody>
                        <tr style="高度:20%;背景颜色: rgb(96,173,94);">
                            <td style="宽度:473px;文本-align:center; 字体大小:媒介; color: rgb(255,255,255);" colspan="14">
                                <strong> 气候数据 <a href="http://en.维基百科.org/wiki/Santa_Cruz_de_特内里费" 目标="平等自愿"> 特内里费岛的圣克鲁斯a>strong>
                            td>
                        tr>
                        <tr style="高度:9.33333%;">
                            <td style="宽度:230px;">
                                <span style="字体大小:small; color: rgb(46,125,50);"><strong>strong>span>
                            td>
                            <td><strong><span style="color: rgb(0,80,5);">1月span>strong>td>
                            <td><strong><span style="color: rgb(0,80,5);">2月span>strong>td>
                            <td><strong><span style="color: rgb(0,80,5);">3月span>strong>td>
                            <td><strong><span style="color: rgb(0,80,5);">4月span>strong>td>
                            <td><strong><span style="color: rgb(0,80,5);">五月span>strong>td>
                            <td><strong><span style="color: rgb(0,80,5);">小君span>strong>td>
                            <td><strong><span style="color: rgb(0,80,5);">7月span>strong>td>
                            <td><strong><span style="color: rgb(0,80,5);">8月span>strong>td>
                            <td><strong><span style="color: rgb(0,80,5);">9月span>strong>td>
                            <td><strong><span style="color: rgb(0,80,5);">10月span>strong>td>
                            <td><strong><span style="color: rgb(0,80,5);">11月span>strong>td>
                            <td><strong><span style="color: rgb(0,80,5);">12月span>strong>td>
                            <td><strong><span style="color: rgb(0,80,5);">一年span>strong>td>
                        tr>
                        <tr style="高度:23%;">
                            <td style="宽度:230px; color: rgb(46,125,50);">
                                <strong>每日的意思 &#176;C (&#176;F)strong>
                            td>
                            <td style="">18.2<br />(64.8)<br />td>
                            <td style="">18.3<br />(64.9)<br />td>
                            <td style="">19.0<br />(66.2)<br />td>
                            <td style="">19.7<br />(67.5)<br />td>
                            <td style="">21.0<br />(69.8)<br />td>
                            <td style="">22.9<br />(73.2)<br />td>
                            <td style="">25.0<br />(77.0)<br />td>
                            <td style="">25.5<br />(77.9)<br />td>
                            <td style="">24.9<br />(76.8)<br />td>
                            <td style="">23.4<br />(74.1)<br />td>
                            <td style="">21.3<br />(70.3)<br />td>
                            <td style="">19.4<br />(66.9)<br />td>
                            <td style="">21.5<br />(70.7)<br />td>
                        tr>
                        <tr style="高度:23%;">
                            <td style="宽度:px; color: rgb(46,125,50);">
                                <strong>平均下雨天(&#8805 1.0 mm)strong>
                            td>
                            <td style="">8.0td>
                            <td style="">7.2td>
                            <td style="">6.9td>
                            <td style="">5.5td>
                            <td style="">2.9td>
                            <td style="">0.9td>
                            <td style="">0.2td>
                            <td style="">0.8td>
                            <td style="">2.7td>
                            <td style="">6.1td>
                            <td style="">8.8td>
                            <td style="">9.4td>
                            <td style="">59.4td>
                        tr>
                        <tr style="高度:23%;">
                            <td style="宽度:230px; color: rgb(46,125,50);">
                                <strong> 月平均 <a href="http://en.维基百科.org/wiki/Sunshine_duration" 目标="平等自愿"> 阳光小时a>strong><br />
                            td>
                            <td style="">178td>
                            <td style="">186td>
                            <td style="">221td>
                            <td style="">237td>
                            <td style="">282td>
                            <td style="">306td>
                            <td style="">337td>
                            <td style="">319td>
                            <td style="">253td>
                            <td style="">222td>
                            <td style="">178td>
                            <td style="">168td>
                            <td style="">2,887td>
                        tr>
                    tbody>
                table>
                <p>
                    <em> *本演示中使用的数据来自 <a href="http://维基百科.com" 目标="平等自愿"> 维基百科.com a>.em> <br />
                    <em> **显示的照片来自 <a href="http://pixabay.com" 目标="平等自愿"> pixabay.com a> em>
                p>
    文本>)
)

关键特性

性能优化 ASP.NET MVC组件 适用于任何场景

享受110 + ASP.NET MVC控件,满足各种需求:导航和布局, 数据管理和可视化, 编辑, 交互性和更.

功能丰富的组件 为强大和响应 应用程序

开发数据驱动的web应用程序 使用 外围买球365的全功能UI组件,如 MVC网格, 编辑器, 调度器 和许多更多. 简单而强大的数据绑定和CRUD操作 有多种选项- EF Core, OData, 网络 API和 SignalR.

内置的 & 可定制的主题  

应用20多个专业设计的内置主题 中的一个,或使用Telerik SAAS Theme Builder或Figma Kits来定制和交付复杂的应用程序.

 详细文档,代码示例 & 技术培训

充分利用详细的文档, 免费 技术在线 培训 和现场演示每个UI组件实现有意义的结果 没有时间.

获奖支持  背后的思想   产品

开发您的项目 与 轻松 知道外围买球365优秀的技术 支持 团队将永远支持您.

<剪辑Path id="svg-b">

网络应用程序可用于任何地方的任何用户

享受对可访问性标准的全面支持, RTL支持和 键盘导航  技术娴熟的用户 & 响应用户的区域性,以正确格式化数字、 日期 和helper文本.

m_wave_dblue_downsctn_space_for_btn

110 + ASP.净MVC组件

<时尚> .LabelB { font-weight: 400 !important; } > < /风格
<时尚> .LabelB { font-weight: 400 !important; } .Card--component { 填充: 15px; } .tlrk-tabs-components li { 显示: none; opacity: 0; } .tlrk-tabs-components li.is-active { 显示: block; animation: fadeIn 0.5s forwards; } .List--components li a:hover, .List--components li a.is-active { 背景颜色: rgba(46, 100, 214, 0.1); } @media screen 和 (max-宽度: 620px) { .row--components .col-4 { order: -1; } } @关键frames fadeIn { 100% { opacity: 1; } } > < /风格

看看他们的行动

发射演示

与设计师合作? 外围买球365帮你搞定!

它很容易与您的设计师合作使用Telerik UI的ASP.NET MVC和用于Figma的Telerik UI套件. 的高度可定制的, 双方的相同组件让你开始着手创建自己的设计系统.

<时尚> .hide-prev-next .奖状-prev { 显示: none } .hide-prev-next .奖状-next { 显示: none } .奖状-single .ts-wrap { 溢出: 隐藏的; } > < /风格
“你好,致力于剑道UI的Telerik团队, 外围买球365要感谢您提供的这些超棒的产品. 开箱即用,工作很好,需要根据网络标准进行调整. 支持是有帮助的,技术上的工作正如宣传的那样.”

穆罕默德Al-Mosawi

经理,作品

“我非常喜欢使用用于ASP的Telerik UI.NET MVC. 不需要编写常用的小部件,也不需要编写支持各种浏览器/设备的代码,这可以节省大量的时间. 剑道支持、文档和演示在过去几年里有了很大的改进.”

尼尔苗圃

程序员,先进的智能技术

“外围买球365在9个月内发布了外围买球365的第一个版本——这在业内是闻所未闻的,因为外围买球365雇佣了业内最优秀的25人,并给他们提供了非常好的工具. 然后,外围买球365在两周内将1900个屏幕转换成新的UI. 我认为如果外围买球365没有易于使用的基于html的UI工具集,外围买球365就无法在截止日期前完成任务. Telerik是外围买球365成功的关键因素.”

卡尔基甸

企业架构师,AgWorks

“外围买球365使用Telerik ASP规范了外围买球365的开发工具.NET MVC. Telerik控制是轻量级的,并具有响应能力, 使外围买球365能够轻松地跨多个设备构建应用程序. 它们在不同的浏览器上看起来也很棒,而内置的定制主题功能更是锦上添花!”

拉里Lindain

企业架构师,Harris School Solutions

“在外围买球365最近发布的软件中,外围买球365实现了Telerik报告,它达到并超过了预期. 由于报告的原因,外围买球365开始使用Telerik,但发现其他可用的Telerik工具有一个额外的主要好处.”

布莱尔威尔金森

CVT(全球)有限公司开发项目负责人

“与ASP一起工作是一种乐趣.在NET MVC控件中,外围买球365获得了出色的支持,并在外围买球365的团队中获得了一种能够解决外围买球365最复杂问题的额外成员的感觉. 我肯定会继续向我所有的同事和客户推荐Telerik.”

安东Swanevelder

董事总经理eSite

升级到Telerik DevCraft完成

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

通过获得1250 +,节省50%的开发时间 .NET和JavaScript UI组件,用于构建web、桌面和移动应用程序.

让钱花得最值

享受Telerik UI的ASP.NET MVC,以及嵌入式报告和模拟工具,同时节省高达90%的升级价格.

Telerik UI有什么新功能
ASP.NET MVC组件库

为ASP的Telerik UI.NET MVC Org图表

新的ASP.NET MVC组件:组织图表

使用新的Telerik UI为ASP创建丰富而直观的组织图表.NET MVC组织图表组件.

为ASP的Telerik UI.净MVC的热图

新的ASP.NET MVC组件:的热图

使用ASP的Telerik UI.NET MVC热图图,以二维方式显示多种指示性颜色值.

为ASP的Telerik UI.NET MVC验证码

新的ASP.NET MVC组件:验证码

防止任何自动垃圾邮件堵塞的Telerik UI的ASP.asp.net MVC验证码组件.

为ASP的Telerik UI.NET MVC支持和学习

命令行
免费白皮书

命令行: 为现代开发者重新创造

本白皮书提供了关于现代开发平台如何通过CLI-for - web满足应用程序开发的见解, 桌面和移动频道.

解剖学
免费白皮书

响应性ASP的剖析.网络应用程序

这篇白皮书将告诉你必须知道的响应式web实践,以帮助你成功地构建任何屏幕尺寸的应用程序.

服务
<时尚>.Space--cozy2 li {margin-bottom: 10px} .Space--cozy2 h6 { font: 700 12px/1.2 Arial,Helvetica,无衬线 !important;} .sf-cb--legacy h6 { font-weight: 400 !important;} > < /风格

行业领先的ASP支持.净MVC组件

专家和及时反应

为ASP的Telerik UI.NET MVC客户可以访问Telerik高级支持论坛,并从为ASP构建Telerik UI的工程师那里得到答案.NET MVC. 即使在审判.

联系Telerik支持

需要评估的帮助?

没有时间评估外围买球365的ASP.净MVC框架? 请将您的项目要求发送给外围买球365. 外围买球365将为您评估您所需要的特征,并让您知道外围买球365如何提供帮助.

请将您的需求发送给外围买球365
get-started-waves

下一个步骤

发射演示

ASP参见UI.NET MVC,看看它能做多少开箱即用的工作.

比较价格

查看优惠. 购买一套单独的套房,或享受外围买球365的套餐之一.

下载免费试用

尝试ASP的UI.NET MVC具有专门的技术支持.

<脚本类型=“文本 / javascript”> (函数 (w) { w.Optanon集团s = {"StrictlyNecessaryCookies":"1","PerformanceCookies":"2","FunctionalCookies":"3","TargetingCookies":"4"}; w.isOptanon集团Active = 函数 (集团Id, explicit) { if (!w.OptanonActive集团s) 返回 !explicit; var 集团MatchKey = ',' + 集团Id + ','; 返回 w.OptanonActive集团s.indexOf(集团MatchKey) !== -1; } 函数 toggleSitefinityTrackingConsent() { var performanceCookies集团Id = w.Optanon集团s.PerformanceCookies; var isPerformanceCookies集团IdActive = w.isOptanon集团Active(performanceCookies集团Id, 真正的); if (w.TrackingConsentManager) { w.TrackingConsentManager.updateUserConsent(isPerformanceCookies集团IdActive); } }; var trackingScriptsQueue = []; w.invokeTrackingScript = 函数 (这Reference, tracking集团, 函数Reference) { if (isOptanon集团Active(tracking集团, 真正的)) { 函数Reference.call(这Reference); } else { trackingScriptsQueue.push({ 这Reference: 这Reference, tracking集团: tracking集团, 函数Reference: 函数Reference }); } } var isOptanonToggled = 假; w.OptanonWrapper = 函数 () { var 新TrackingScriptsQueue = []; for (var i = 0; i < trackingScriptsQueue.length; i++) { var trackingScriptData = trackingScriptsQueue[i]; if (isOptanon集团Active(trackingScriptData.tracking集团, 真正的)) { trackingScriptData.函数Reference.call(trackingScriptData.这Reference); } else { 新TrackingScriptsQueue.push(trackingScriptData); } } trackingScriptsQueue = 新TrackingScriptsQueue; if (!isOptanonToggled && w.location.hash === '#cookie-settings' && 真正的) { isOptanonToggled = 真正的; Optanon.ToggleInfoDisplay(); } toggleSitefinityTrackingConsent(); } if (w.addEventListener) { w.addEventListener('DOM内容Loaded', toggleSitefinityTrackingConsent, 假); } else if (窗口.attachEvent) { w.attachEvent('onload', toggleSitefinityTrackingConsent); } })(窗口); <脚本类型=“文本 / javascript”>telerikId=null;var tlrkUser={isAuthenticated:!!telerikId};if(文档.addEventListener){窗口.dataLayer=窗口.dataLayer||[];dataLayer.push({uniqueId:'5c686bc4-b840-47f5-a0ab-baa800ad381c',telerikId:telerikId});dataLayer.push({event:'persistuuid'})} <脚本类型=“文本 / javascript”> 函数 is移动Device() { var result = 假; var matches = [ /(窗口s Phone(?: OS)?)\s(\d+)\.(\d+(\.\d+)?)/, /(Silk)\/(\d+)\.(\d+(\.\d+)?)/, /(Android|Android.*(?:Opera|Firefox).*?\/)\s*(\d+)\.?(\d+(\.\d+)?)?/, /(iPhone|iPod).*OS\s+(\d+)[\._]([\d\._]+)/, /(iPad).*OS\s+(\d+)[\._]([\d_]+)/, /(MeeGo).+NokiaBrowser\/(\d+)\.([\d\._]+)/, /(webOS)\/(\d+)\.(\d+(\.\d+)?)/, /(BlackBerry|BB10).*?Version\/(\d+)\.(\d+(\.\d+)?)/, /(PlayBook).*?Tablet\s*OS\s*(\d+)\.(\d+(\.\d+)?)/, /(MSIE)\s+(\d+)\.(\d+(\.\d+)?)/, /(tizen).*?Version\/(\d+)\.(\d+(\.\d+)?)/i, /(sailfish).*rv:(\d+)\.(\d+(\.\d+)?).*firefox/i, /(移动).*rv:(\d+)\.(\d+(\.\d+)?).*Firefox/ ]; for (var i = 0; i < matches.length; i++) { result = matches[i].test(窗口.navigator.userAgent); if (result) { break; } } 返回 result; } (函数 () { 'use strict'; 窗口.dataLayer = 窗口.dataLayer || []; dataLayer.push({ isTelerik3月keting网络site: 真正的 }); if (is移动Device()) { 返回; } (函数 (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': 新 日期().getTime(), event: 'gtm.js' }); var f = d.getElementsByTag的名字(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = 真正的; j.src = 'http://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(窗口, 文档, “脚本”, 'dataLayer', 'GTM-6X92'); })(); <脚本类型=“文本 / javascript”> 窗口.dataLayer = 窗口.dataLayer || [];dataLayer.push({"tax_pagenode_productstaxonomy":"为ASP的Telerik UI.NET MVC","event":"tax_loaded"}); <脚本类型="application/ld+json">{ "@con文本" : "http://schema.org", "@类型" : “产品”, "name" : "UI的ASP.NET MVC", "description" : "100+ ASP.NET MVC Controls for Fast App Development", "url" : "http://www.trustradius.com/products/telerik/re的观点", "br和" : { "@类型" : "Br和", "name" : "Telerik" }, "ggregate评级" : { "@类型" : "Aggregate评级", "rating价值" : "8.9", "best评级" : "10", "ratingCount" : "66" } }<脚本类型=“文本 / javascript”> (函数(){const l=$("body").hasClass("is-mobile");if(!l){var u=$(".js-scroll-list"),a=$(u.attr("href")),s=$(".Tabs-switch > a").not(u),v=$(".Accordion-toggle"),y=$(".Accordion-carrousel"),n="is-active",t="u-dn",i=$(".Tab-demo"),f=$(".Tab-code"),p=$(".js-play-demo"),h=$("#preview"),e=!1,r="",o="";u.on("click",函数(n){n.prevent默认的();$("html, body").animate({scrollTop:a.offset().top},300)});s.on("click",函数(u){u.prevent默认的();var e=$(这),o=e.attr("data-tab");e.addClass(n).siblings("a").removeClass(n);$(".Accordion-media-content > div").not("."+t).addClass(t);$(".Accordion-media-content > div[data-tab="+o+"]").removeClass(t);r=i.attr("data-widget").toString();f.找到("[data-widget="+r+"]").removeClass(t)});y.每一个(函数(){var r=$(这).找到($(".Accordion-carrousel-inner")),u=r.children($("a")),o=r.找到("a").length;$(u.not(".cloned")).每一个(函数(){var t=$(这);t.attr("data-index",t.index());r.append(t.clone().addClass("cloned").removeClass(n))});var e=r.children($("a"));e.on("click",函数(h){h.prevent默认的();var l=$(这),a=l.attr("data-主题").toString(),v=l.index(),y=v*-90,p=l.attr("data-index")*-90;c(a,!1);s.removeClass(n).eq(0).addClass(n);f.addClass(t);i.removeClass(t).attr("data-主题",a);e.removeClass(n);l.hasClass("cloned")||l.addClass(n);v a[data-tab=演示]").addClass(n);$(".Tabs-switch > a[data-tab=Code]").removeClass(n);f.addClass(t).找到("div[data-widget]").addClass(t);i.removeClass(t);o=u});函数 c(n,t){(t||e)&&(r=i.attr("data-widget").toString(),o=n||i.attr("data-主题").toString(),i.removeClass("Tab-demo--Overlay"),e=!0,h.attr("src","http://d6vtbcy3ong79.cloudfront.net/external-assets/1.0.14/demos/mvc-"+r+"-"+o+".html"))}p.on("click",函数(){c(null,!0)})}})()