请选择 进入手机版 | 继续访问电脑版
搜索
房产
装修
汽车
婚嫁
健康
理财
旅游
美食
跳蚤
二手房
租房
招聘
二手车
教育
茶座
我要买房
买东西
装修家居
交友
职场
生活
网购
亲子
情感
龙城车友
找美食
谈婚论嫁
美女
兴趣
八卦
宠物
手机

我的美女师母 眉姐小说 Kendo UI使用教程:入门指南 美元指数k线图 肉苁蓉的功效

[复制链接]
查看: 784|回复: 0

1万

主题

4万

帖子

7万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
75772
发表于 2019-7-12 08:28 | 显示全部楼层 |阅读模式
这是写在帖子头部的内容Kendo UI今朝最新供给Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四个控件。Kendo UI for jQuery是建立现代Web利用法式的最完整UI库;Kendo UI for Angular是公用于Angular开辟的专业级Angular UI组件;Kendo UI Support for React支持React Javascript框架,更快地构建更好的利用法式;Kendo UI Support for Vue为Vue技术框架供给可用的Kendo UI组件,更快地构建更好的Vue利用法式。
在项目中托管Kendo UI
要在项目中托管Kendo UI,你需要:

  • 下载bundles
  • 增加CSS和JavaScript援用
下载bundles
下载任何Kendo UI软件包后,下面列出的文件夹将托管在您的当地存储库中。

  • /apptemplates——该文件夹包括自力的启动器模板。虽然它们是静态HTML文件,但倡议您经过Web办事器而不是间接从文件系统翻开它们,后一种方式会破坏一切Ajax数据请求。
  • /examples——包容快速启动示例文件。虽然它们是静态HTML文件,但倡议您经过Web办事器而不是间接从文件系统翻开它们,后一种方式会破坏一切Ajax数据请求。
  • /js——包括缩小的JavaScript文件。
  • /src——此文件夹用于保存源代码文件,但现在它们在零丁的下载包中供给。从你账户的Downloads部分拜候源代码包,请留意试用版用户没法利用源代码。
  • /styles——由缩小的CSS文件和主题图像组成。 该文件夹还包括Less文件,可以传递给编译器,位于styles/folder: styles/web/和styles/mobile/的第一级文件夹。请留意,试用版中不供给Less文件。
  • /wrappers——包括办事器端包装器。由于UI for ASP.NET MVC、UI for JSP或UI for PHP刊行版是必须的,是以该文件夹仅在这些版本的贸易包中可用。
  • changelog.html——供给Kendo UI更新说明。
增加CSS和JavaScript援用
要在项目中利用Kendo UI,请包括所需的JavaScript和CSS文件。
Step 1:从bundle存档中提取 /js和/styles目录,并将它们复制到Web利用法式根目录。
Step 2:在HTML文档的head标志中包括Kendo UI JavaScript和CSS文件,考证在主题CSS文件之前注册了公共CSS文件。
示例:
<!DOCTYPE html>
<html>
<head>
<title>Welcome to Kendo UI!</title>
<!-- Common Kendo UI CSS for web widgets and widgets for data visualization. -->
<link href="styles/kendo.common.min.css" rel="stylesheet" />
<!-- (Optional) RTL CSS for Kendo UI widgets for the web. Include only in right-to-left applications. -->
<link href="styles/kendo.rtl.min.css" rel="stylesheet" type="text/css" />
<!-- Default Kendo UI theme CSS for web widgets and widgets for data visualization. -->
<link href="styles/kendo.default.min.css" rel="stylesheet" />
<!-- (Optional) Kendo UI Hybrid CSS. Include only if you will use the mobile devices features. -->
<link href="styles/kendo.default.mobile.min.css" rel="stylesheet" type="text/css" />
<!-- jQuery JavaScript -->
<script src="js/jquery.min.js"></script>
<!-- Kendo UI combined JavaScript -->
<script src="js/kendo.all.min.js"></script>
</head>
<body>
Hello World!
</body>
</html>
留意:代码示例今后假定Kendo UI scripts和stylesheets现在已增加到文档中。
Step 3:初始化一个小部件
以下示例演示若何初始化DatePicker小部件。
示例:
<!-- HTML element from which the DatePicker would be initialized -->
<input id="datepicker" />
<script>
$(function() {
// Initialize the Kendo UI DatePicker by calling the kendoDatePicker jQuery plugin
$("#datepicker").kendoDatePicker();
});
</script>
以下示例演示了DatePicker小部件的完全初始化。
示例:
<!DOCTYPE html>
<html>
<head>
<title>Welcome to Kendo UI!</title>
<link href="styles/kendo.common.min.css" rel="stylesheet" />
<link href="styles/kendo.default.min.css" rel="stylesheet" />
<script src="js/jquery.min.js"></script>
<script src="js/kendo.all.min.js"></script>
</head>
<body>
<input id="datepicker" />
<script>
$(function() {
$("#datepicker").kendoDatePicker();
});
</script>
</body>
</html>
安装Bower包
Bower是一个风行的Web治理法式包治理器,用于处置框架、库、资产和适用法式。
提要
Kendo UII保护2个Bower包:

  • Kendo UI Core.
  • Kendo UI Professional.
一切正式版本,Service Pack和内部版本城市上传到它们中。
反复异常的分隔符
停止Kendo UI 2016 Q2(2016.2.504)更新:

  • Scheduler用逗号(,)替换分号(;)作为反复异常的分隔符范例。
  • Scheduler不再向反复异常增加尾随分隔符。
利用CDN办事
Kendo UI CDN托管在Amazon CloudFront上。 要拜候CDN办事,您可以利用分歧的方式。
Kendo UI R2 2019 SP1全新公布,最新静态请延续关注Telerik中文网!
点击“领会更多”获得最新试用版!
感激您的阅读
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Copyright © 2006-2014 人才网||人才市场 网上求职|网上找工作 上潜力英才网 版权所有 法律顾问:高律师 客服电话:0791-88289918
技术支持:迪恩网络科技公司  Powered by Discuz! X3.2
快速回复 返回顶部 返回列表