
Kendo UI
菜鸟界的菜鸟
这个作者很懒,什么都没留下…
展开
-
Kendo UI:Grid
Kendo.ui.GridKendo Ui Grid控件,继承至Widget。一、构造 allowCopy Boolen|Object (默认:false) 当他设置true,用户就可以选中行点击复制,可以复制进入excel和记事本。 设置Object可以设置高级Copy,比如复制后通过分隔符隔开。 <div id="grid"></div> <script> $("#grid").kendoGrid...原创 2020-11-25 09:41:25 · 502 阅读 · 0 评论 -
Kendo UI :Excel导出
【官网Demo】<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" href="styles/kendo.common.min.css" /> <link rel="stylesheet" href="styles/kendo.default.min.css" /> <link rel="styl原创 2020-11-23 23:29:05 · 1073 阅读 · 0 评论 -
DropDownList下拉菜单
DropDownList其实就是select,只有下拉选择。可以把现有的select或者input渲染成下拉菜单:<inputid="color"value="1"/><selectid="size"><option>S-63/4"</option><option>M-71/4"</option><option>L-71/8"</optio...原创 2020-11-06 09:22:25 · 1000 阅读 · 0 评论 -
Kendo UI:组件widget初始化、配置和获取引用(*)
在上一篇文章的最后,我们使用了一个kendo的日期控件,本篇我们将更进一步地介绍kendo的组件调用组件初始化所有Kendo UI的的组件都会被注册成Jquery插件并且支持链式调用。例如: <button>Foo</button> | <button>Bar</button> <script> $(function() { $("button").kendoButton().css("color.转载 2020-10-27 21:35:30 · 261 阅读 · 0 评论 -
Kendo UI:grid完成增删改查(*)
【Kendo UI 中文教程】使用Grid组件完成基本的CRUD操作(一)KendoUI中最常用、最强大、也是最复杂的组件就是kendoGrid了,学会了使用Grid,便可轻松开发出数据CRUD的功能。创建一个Grid和其他的组件一样,创建一个Grid非常简单,我们只需要创建一个div元素,指定它的id,并将他初始化为kendoGrid。代码如下:<div id="grid"></div>----------<script>$(function转载 2020-10-27 21:33:26 · 665 阅读 · 0 评论 -
Kendo UI:概述(*)
简介虽说如今业界的各种前端框架层出不穷,但在为后台管理系统选择前端框架的时候却经常陷入纠结。而从笔者实践经验来看,KendoUI算是一个不错的选择,总结起来其优点有三各种组件和功能都比较完善 文档比较详细(虽然是英文的而且经常要翻墙) 界面的风格比较现代化,还可以搭配bootstrap等流行框架不过,KendoUI在国内的使用者却不多,中文的教程也不多见,因此咱抛砖引玉,介绍一下Kendo UI的功能以及一些实践经验。下载官网地址:KendoUI下载百度网盘:KendoUI下载..转载 2020-10-27 21:31:02 · 561 阅读 · 0 评论 -
Kendo UI:简介
目前移动HTML5带UI的开发框架层出不穷,常见的有Sencha Touch、jQuery Mobile前者效果较好,收费,学习成本高;后者效果一般,但兼容性好,免费,学习成本低,会jquery的同学上手快。其实还有一个夹在两者之间的框架叫Kendo UI.kendoui分三部分: Kendo UI Web包含所有创建高速HTML5 web app的必备元素:UI组件、数据源、验证、一个MVVM框架、主题、模板等。(价格:$399) Kendo UI Web GPL版免费开源。 Ke转载 2020-10-27 21:05:27 · 1246 阅读 · 0 评论 -
Kendo UI:Grid 表格组件
官网:http://www.telerik.com/kendo-ui简介:KendoUI 是用jQuery 开发的UI 框架,主要用于各种数据展示。经典示例:Grid 表格组件代码:<!DOCTYPE html><html><head> <title>Grid组件</title> <link rel="stylesheet" href="../styles/kendo.common.min.css" /&转载 2020-10-27 20:30:09 · 623 阅读 · 0 评论 -
Kendo UI(一):Kendo UI Validator
Kendo UI Validator 支持了客户端校验的便捷方法,它基于HTML 5 的表单校验功能,支持很多内置的校验规则,同时也提供了自定义规则的便捷方法。完整的Kendo UI 的Validator可以参见API 文档。HTML 5 表单校验HTML5 的一项重要功能是HTML 5 表单校验属性, 通过设置限制属性为HTML输入设置输入类型,值域等,然后由浏览器来检查输入是否合法。 支持的几种规则有:必填域 正规表达式规则 最大,最小值域 HTML 5 数据类型( 如EMail,转载 2020-10-25 23:15:00 · 570 阅读 · 0 评论