KendoUI的学习和使用

KendoUI是一套很棒的HTML5开发控件，它的优点是控件齐全，功能强，易于学习，使用代码简练。

基本使用方法：

1.通过$().kendoXXX将普通的HTML控件转化为Kendo控件；

2.通过设置控件dataSource和服务端进行数据交互；

3.通过控件的Method和Configuration来操作和配置控件。

结合KendoUI的Demo：http://demos.telerik.com/kendo-ui/

KendoUI的帮助：http://docs.telerik.com/kendo-ui/api/javascript/ui/splitter

很快就能上手，只要用会了一个，其他的都类似。

一个使用KendoUI开发的项目管理系统：http://www.kifeee.com/

TreeList：

甘特图：

个人日程安排

多表头列表

图标分析：

列锁定

??

??

时间： 2024-12-18 22:31:41

KendoUI的学习和使用的相关文章

KendoUi 学习笔记一

本系列主要是记录KendoUI的学习过程. KendoUi的特点有以下特点: 1. 70+UI控件 控件有DataGrids,DropDowns,Menus和Buttons,还有一些商业的控件,比如Charts,电子表格,甘特图,线图,日程图,PivotGrid和地图. 2.漂亮主题 有较多的样式可以选择,可以不用写任何样式,可以使你的APP很优雅.通过一个简单样式创建工具就可以自定义样式. 3.任意屏幕 构建跨平台的网页应用,给任意尺寸的桌面程序和手机.所有内容完全无缝兼容grid布局框架,比

KendoUi 学习笔记(二) Grid

Kendo.ui.Grid Kendo Ui Grid控件,继承至Widget. 一.构造       allowCopy    Boolen|Object  (默认:false) 当他设置true,用户就可以选中行点击复制,可以复制进入excel和记事本. 设置Object可以设置高级Copy,比如复制后通过分隔符隔开. <div id="grid"></div> <script> $("#grid").kendoGrid({

KendoUi学习之旅 TabStrip+template的使用

<!DOCTYPE html><html><head> </head><body> <div id="companyManage-window-container"></div> <script type="text/kendo-ui-template" id="tpl-companyManage-orgGrid-baseWindow"> <di

kendoui学习之旅开始！

原来只是浅显的以为kendo ui是一个简单的前端组件,后来逐渐发现包含的内容广泛,而且又很丰富. 立一个flag,探索kendo ui神秘之旅要开始了! 原文地址:https://www.cnblogs.com/LessIsMoreZ/p/8358796.html

telerik（kendoUI）常用控件使用

最近接触了kendoUI的使用,在项目中边学习边使用,为了以后可以再用到便小记一下(这里用的都是针对asp.net MVC,其实用我觉得用js的方法更灵活,不过MVC更简洁) 1.最常用的估计就是grid的使用了.从项目中找个比较有代表性的. @(Html.Kendo().Grid<CustomsProjectEx.Models.FL_File> ().Name("DocumentGrid") .Columns(columns => { columns.Bound(c

前端学习之下一个阶段目标

不知不觉,已经工作一年多了,最近宠宠欲动,想去跳槽试一下,但看到多数工作工作要求都是两年以上经验,碍于自己又懒,技术有没有特别牛逼之处,虽有跳槽之心,但也有有心无力之感,于是决定,在两年到期之前,一定要好好进步一下,为了到两年的时候我可以华丽的转身. CSS:我的工作都是写js为主,所以平常的工作连HTML 也很少写,有时候有接触,但也只是在他们写好的基础上添加一些样式,跟属性,这样子可以满足工作的需要,但是让我自己重新拿到一个设计,来把它实现为网页的时候,我肯定是磕磕盼盼,写的很吃力,随进外边

谈谈自己，开始写博客吧 -督促自己学习

本人屌丝一名,2011年上大学,误打误撞选了软件工程.计算机专业,由于自己学的时候觉得枯燥,也没有产生兴趣,所有课程都基本为了过60,然后放假回家,偶尔会有兴趣对所教的课程感兴趣,心血来潮的看个一两天.这样浑浑噩噩的日子一直延续到大三上学期结束. 那个寒假想了很多,想了自己的未来,分析以后自己到底能干神马...干这,干那,分析自己未来的路在哪里,大学毕业了,我不能还啃老哟,还有个女朋友.所以想来想去—— 一.自己好歹对这专业熟悉,知道这个专业在干什么. 二.虽说自己每次都是为了60分过,但是有时

kendoUI 简单增删改查

1  目前学习主要基于kendoUI英文API文档(http://docs.telerik.com/kendo-ui/introduction) 2  在已经搭建的MVC+EF+kendo UI的基础上实现Kendo UI增删改查功能 3 增删改查代码示例: 3-1:主要展示前台实现代码,因为后台代码不是唯一,可自行配置,返回JSON数据 3-1:html代码如下 3-1-1:查询和列表展示 HTML代码,列表展示只需要一个div标签 ,如下(div id="grid"><

非常不错的前端框架Kendo-ui

近期公司在做重构,准备换前端框架由Extjs换kendo-ui,问什么要换框架呢?主要有以下几个原因: Extjs太重,偏向后端语言,前端写起来费劲 Extjs执行太慢(这是主要原因),因为Extjs的页面也是用js来生成,这必然会降低性能,影响页面的渲染速度 kendo-ui是一款非常不错的前端框架,你可以在这里看一些Demo. 这篇文章主要是说一下我对kendo-ui了解,希望通过此文能使你对kendo-ui有所认识,也是我开始重构项目前的学习. kendo-ui介绍: kendo-ui是一