KENDOUI - 技术教程文章
使用kendoui实现日期除去工作日【代码】
<input type="text" id="div-timePrint" value="" readonly="false" style="width: 500px" /><div id="example"><div class="demo-section"><div id="special-days"><div id="calendar"></div></div></div><script>$(document).ready(function () {debugger;var today = new Date(),events = timeHoliday();$("#calendar").kendoCalendar({change: onChange,value: today,dates: events,month: {// template for dates in month vi...
kendoUI自定义组件【代码】
根据需求封装的kendoUI组件(function () {var kendo = window.kendo;var MEGrid = kendo.ui.Grid.extend({init: function (element, options) {var that = this;var optionsCopy = {dataSource: {serverPaging: true,// serverSorting: true,// serverFiltering: true,parameterMap: function (options, operation) {if (operation == "read") {var parameter = {pageNum: options.pageNum, //当前页pageSize: options.pageSize...
KendoUI 官方示例之 Grid / Binding to remote data
原文：http://kendoui.iteye.com/blog/2206368
kendoui-在线文本编辑器【代码】【图】
文本编辑器用过很多，fckeditor是我之前用的最多的，但是问题也有很多，诸如安全问题，浏览器兼容问题。。所以最近也一直在找替代产品，正好在研究kendo，所以就尝试了下kendo提供的edit控件了。首先上图，看过效果你就能喜欢上了。下面这张图是点击上传图片后弹窗出来的，这里还能创建文件夹。要上传图片直接点击upload即可，比起fckedit，真的是很简洁。。代码实现起来也很方便 1 <div id="page-wrapper">2 <div class="row"...
jQueryMobile和KendoUI的比较_基础知识
jQuery Mobile 和 Kendo UI 都是流行的 JavaScript 框架，在开发中我们可以在它们的基础上添砖加瓦制作所有现代移动WEB应用。这两个框架都是基于使用率顶尖的 JavaScript 库 jQuery 所构建的。比较 Kendo UI 和 jQuery Mobile 有些类似于比较同一枚硬币的两面。众所周知，jQuery Mobile 实际上并不需要太多的介绍，因为它是最常用的HTML5框架之一。 Kendo UI 具有相似的动机和类似的发展速度。与 jQuery Mobile 非常类似，Kendo UI...
KendoUI:Grid中标题css样式设置_html/css_WEB-ITnose
问题 Grid表格的标题样式怎么设置？ 解决方案 使用headerAttributes属性设置，如果有css中class属性，需要加双引号””.如 { field: "name", headerAttributes: { "class": "table-header-cell", style: "text-align: right; font-size: 14px" } }
jQueryMobile与KendoUI使用时有哪些区别
这次给大家带来jQuery Mobile与Kendo UI使用时有哪些区别，jQuery Mobile与Kendo UI使用区别的注意事项有哪些，下面就是实战案例，一起来看一下。 jQuery Mobile 和 Kendo UI 都是流行的 JavaScript 框架，在开发中我们可以在它们的基础上添砖加瓦制作所有现代移动WEB应用。这两个框架都是基于使用率顶尖的 JavaScript 库 jQuery 所构建的。比较 Kendo UI 和 jQuery Mobile 有些类似于比较同一枚硬币的两面。众所周知，jQuery M...
javascript-KendoUI：为什么categoryAxis中的日期被打乱了？
我正在使用KendoUI DataViz Chart来显示统计数据并具有来自JSON数据源的日期并将其设置为categoryAxis,但是它们会自动改组,即；中间日期以某种方式显示为第一个字段,反之亦然.请查看附件的屏幕截图以获取详细信息.我不知道为什么会这样,请帮助！解决方法:我认为您在Chrome浏览器中遇到了stable sort问题：). Kendo UI的Q2 2012 SP1版本修复了此问题.
javascript-错误的列中的KendoUI柱形图分组数据【代码】
KendoUI柱形图存在这个问题.我有一组从服务返回的JSON数据. JSON非常简单明了. 当我将此数据绑定到Kendo图表而不进行分组时,它可以完美工作.但是,当我使用分组绑定它时,它将数据放在错误的列中.由于JSON的大小,我将首先向您显示屏幕截图,然后再向您展示一个带有示例的JSFiddle链接. 没有分组的示例1： 所有数据正确显示,并且各列使用工具提示显示正确的类别. 示例2的分组方式： 如您所见,分组看起来不错,但事实并非如此.如果将鼠标...
javascript – 如何修改KendoUI DropDownList项目【代码】
我们第一次使用Kendo UI DropDownList而没有敲除绑定.通过jquery,通常的html输入被转换为KendoUI DropDownList.但是如何删除/编辑/添加选项？ 如果我通过jquery修改html输入选项,它对kendoui下拉列表没有影响 – 即使之后有刷新调用. 任何想法如何做到这一点？谢谢解决方法:哟伙伴 你应该使用组合框的dataSource.例如var ds = $('#YourCombo').data().kendoComboBox.dataSource;那么你可以修改这样的项目//someIndex is the index ...
javascript – KendoUI网格自定义过滤器UI【代码】
我正在尝试使用带有一些虚拟数据的下拉框来实现自定义过滤器UI.我已经按照剑道网站上的教程(http://demos.kendoui.com/web/grid/filter-menu-customization.html),但它不适合我:(. 以下是自定义UI的功能：function relStatFilter(element){element.kendoDropDownList({dataSource: ["Prospect", "Customer"],optionLabel: 'Select status'})}以下是它应用于的列参数：... {field: 'relStat', filterable: {ui: relStatFilter, extr...
javascript – KendoUI窗口闪烁旧内容【代码】
使用KendoUI显示弹出窗口,我注意到如果我通过调用refresh重用现有窗口,它会短暂显示旧内容,直到AJAX请求完成. 我的代码：function clickHandler(evt) {evt.preventDefault();var dta=this.dataItem($(evt.currentTarget).closest("tr"));convertWindow.refresh({ type: "GET", url: "CallMeConvert?AppointmentId="+dta.AppointmentId});convertWindow.center();convertWindow.open();}有没有办法防止这种情况发生,或者每次都必须销...
javascript – KendoUI：如何在事件中获取所单击的图表元素项的索引【代码】
我想访问以下事件的索引：seriesClick和seriesHover.我只看到如何访问http://docs.kendoui.com/api/dataviz/chart#events-seriesClick文档中特定栏的值和类别,而不是项目所基于的原始对象的数据.解决方法:例如,您可以访问e.dataItem中的相应数据项,因此您可以执行以下操作：var data = e.sender.dataSource.data(); for (var i=0; i < data.length ; i++) {if (e.dataItem.uid === data[i].uid) {console.log("index " + i);} }如果...
c# – 如何将Entity Framework 6绑定到KendoUI Grid【代码】
我创建了一个带有两个表的测试SQL Server数据库：WorkItem和WorkItemNote.它们之间有一个外键,一个WorkItem可以有许多WorkItemNote记录.我试图在Kendo网格中显示WorkItems. Action返回Json,但网格中没有显示任何内容.如果我只使用我想要显示的属性创建一个匿名对象,它就可以工作.这表明具有关系(WorkItemNote)的实体(WorkItem)无法在Kendo Grid中显示.有没有办法解决？ 我的网格：<div>@(Html.Kendo().Grid<TryToLoadGrid.Models.W...
javascript – 如何刷新KendoUI DropDownList？【代码】
我有一个需要更新的kendo ui网格.所以我有以下标记： 我调用以下脚本来填充下拉列表：// An Ajax call to load the selected hover into the controls$.ajax({type: 'POST',url: '/Reports/HoverManager/GetHoversForDropDown',data: { sectionId: sectionId },error: function(response){$('.hover-manager .error').html(response.responseText).fadeIn(500).delay(5000).fadeOut(500);},success: function(response){$('.hover-...
javascript – 使用KendoUI饼图,如何删除空格？【代码】
我正在使用KendoUI饼图,我有很多白色空间.删除它的最佳方法是什么.见下图： 我的java脚本如下所示：<div id="divGraph1" style="width:250px; height:250px;"/>jQuery("#divGraph1").kendoChart({ legend:{ position: "bottom", padding: 1, margin: 1 }, seriesDefaults:{ labels:{ visible: true, template: "#= kendo.format('{0:P}', percentage)#" }, visible: true }, tooltip:{ visible: true, template: "#= category # - ...