![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Kendo
chelen_jak
这个作者很懒,什么都没留下…
展开
-
JS判断日期格式是否合法的简单实例
原文出处:https://www.jb51.net/article/88351.htm下面小编就为大家带来一篇JS判断日期格式是否合法的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧 //函数名:CheckDateTime//功能介绍:检查是否为日期时间function CheckDateTime(str){var reg = /^(\d+)...转载 2018-10-19 08:28:30 · 2893 阅读 · 0 评论 -
通过Class改变单元格样式(cell)
效果HTML (加上样式) .bg-color-yellow{ background-color: yellow; color:black; } .bg-color-green{ background-color: LightGreen; co原创 2017-06-26 09:33:14 · 928 阅读 · 0 评论 -
Kendo Grid 指定位置增加记录
原文出处:https://stackoverflow.com/questions/24931390/kendo-ui-grid-inline-insert-new-row-at-a-specific-position-on-the-gridAsk Questionup vote1down votefavorite转载 2017-06-15 15:57:40 · 3220 阅读 · 0 评论 -
AJAX式資料清單的新選擇-Kendo UI Grid (Grid中查找)
原文出处:http://blog.darkthread.net/post-2011-12-31-kendo-ui-grid.aspxAJAX式資料清單的新選擇-Kendo UI Grid這幾年在專案中,針對表格式資料的呈現,我多已摒棄PostBack寫法,改用AJAX動態提取方式處理換頁、排列、重新查詢等資料查詢需求,如此可避免傳統PostBack時畫面會閃一下的缺點,转载 2017-06-13 15:04:36 · 1396 阅读 · 0 评论 -
kendo Grid加载远程数据方式
原文出处:http://xuehua1987.iteye.com/blog/2098121kendo Grid官网提供的远程加载数据的方式在实际中其实不可行的。下面是它在官网中加载数据的例子: $(document).ready(function() {转载 2017-06-13 14:50:49 · 1156 阅读 · 0 评论 -
kendoGrid 绑定dataSource 时, 取的model并注册grid内的各种事件
出处:http://twell.blog.163.com/blog/static/2356200042013822540304/ $('#my-grid').data('kendoGrid').bind('dataBound', function(){ $('#my-grid tbody tr').dblclick(function(e){ var转载 2017-06-13 14:45:47 · 1449 阅读 · 0 评论 -
Kendo 时间格式录入
//控制时间的输入 $("#time_fm, #time_to").kendoMaskedTextBox({ mask: "!@:#$", rules: { "!": /[0-2]/, "@": /[0-9]/, "#": /[原创 2017-06-09 09:19:42 · 612 阅读 · 0 评论 -
Kendo Grid 行样式(根据条件改变行颜色)
方法一:HTML页面,初始化时设置 //isgen == 1 红色(颜色) $("#gridMaster").kendoSmartGrid({ columns: [ { field: "shp_no", title: "分店", width: 60, attributes: {style: "#=isg原创 2017-04-26 15:18:36 · 10354 阅读 · 0 评论 -
Kendo ui Grid的创建步骤
原文出处:http://blog.csdn.net/ibigpig/article/details/25631261 Kendo UI Dataviz 中的Grid控件不仅可以显示数据,并对数据提供了丰富的支持,包括分页、排序、分组、选择等,同时还有着大量的配置选项。使用Kendo DataSource组件,可以绑定到本地的JSON数据或者是远程的数据。关于kendo u转载 2016-12-20 15:11:27 · 1838 阅读 · 0 评论 -
Kendo UI单页面程序中文文档 (赞)
原文出处:http://www.cnblogs.com/Wayou/archive/2013/04/13/3019416.html Kendo UI单页面程序中文文档Kendo UI SPA Documentation(translated from the official site)转载 2016-12-15 18:11:42 · 2949 阅读 · 0 评论 -
Kendo UI在线演示 (赞)
原文出处:https://www.evget.com/demo-sample/8605转载 2016-12-14 09:22:42 · 1815 阅读 · 0 评论 -
kendo-ui的MVVM模式 (赞)
kendo-ui的MVVM模式, observable、 data-bind 讲解的浅显易懂转载 2015-09-01 10:49:33 · 2395 阅读 · 0 评论 -
对照Angular/jQueryUI/Extjs:没有一个框架是万能的
原文出处:http://www.myexception.cn/javascript/1349816.html对比Angular/jQueryUI/Extjs:没有一个框架是万能的 对比Angular/jQueryUI/Extjs:没有一个框架是万能的 大漠穷秋 [郑重警告:此文略犀利,可能引起肾上腺素升高、内心不适等症状,请慎重浏览。]转载 2016-12-17 09:53:39 · 944 阅读 · 0 评论 -
HTML5/JS开发框架Kendo UI视频教程集合
原文出处:https://www.evget.com/article/2014/3/31/20754.html转载 2016-12-14 09:21:00 · 1779 阅读 · 0 评论 -
Kendo UI开发教程(2):准备Kendo UI开发环境 (赞)
原文出处:http://www.imobilebbs.com/wordpress/archives/4580?utm_source=tuicool&utm_medium=referral#Kendo-UI-WebPublished on 2013 年 06 月 09 日Contents1 Kendo UI Web2Kendo UI DataViz转载 2016-12-14 09:12:00 · 998 阅读 · 0 评论 -
解决Kendo ComboBox显示多列走样 (备忘)
自定一个ComBoBox代码: var PubCOTypeCmb = kendo.ui.DataComboBox.extend({ options: { name: "PubCOTypeCmb", boName: "PubCOType", methodName: "GetCOTypeList",原创 2016-09-20 15:21:13 · 2063 阅读 · 0 评论 -
根据条件控制Grid列能否编辑
先上图:HTML代码{ field: "tran_unit_pri", title: "Unit Price", width: 100, attributes: { style: "text-align: right;" }, format: "{0:n}", editor: function (container, options) { var dat原创 2017-07-29 11:33:28 · 2061 阅读 · 0 评论 -
checkbox实现方法 (备忘)
效果图:HTML 定义元素 Mascot Promotion原创 2017-09-26 09:43:09 · 327 阅读 · 0 评论 -
Grid使用模板(template)出错 (备忘)
onDataChange: function (e) { ... //由於字段使用了template(template出錯),在onAfterAdd初始化會報錯,因放此處執行 if (e.action == "add" && dm.masterData[1] && e.tableName == dm.masterData[1].tableN原创 2017-09-18 18:09:37 · 543 阅读 · 0 评论 -
Kendo Grid 合计处理
效果图:代码:(可以将代码复制到 https://dojo.telerik.com 进行调试)<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Untitled</title> <link rel="styleshe原创 2018-04-27 12:12:37 · 2482 阅读 · 0 评论 -
Kendo Grid Footer的合计(备忘)
效果图:问题: 我们可以利用Kendo dataSource.aggregate设定哪些字段需要合计,但合计时无法排除某些记录(如上面的"Free"记录)解决方案: 我们可以用一个掩眼法来处理,"Amount合计"绑定的不是Amount字段合计,而是另一个字段的合计,问题就可以解决了xxx.editor.html<style> ... /*Gri...原创 2018-04-26 17:09:01 · 1877 阅读 · 0 评论 -
kendo dataSource的data()、_data 和 view() 区别
1、data()=_data, 是dataSource真实的数据记录用grid.dataSource.data() === grid.dataSource._data得出的结果为true,所以推断data()与_data是一样的。_data以下划线开头(应该是内部变量),所以建议用data()来获取记录;2、view()是呈现给UI绑定的数据用grid.dataSource.data() === ...原创 2018-04-12 12:03:26 · 1411 阅读 · 0 评论 -
Kendo UI 动态改变Grid的DataSource中的data且不丢失DataSource中的其他设置
原文出处:https://blog.csdn.net/zl_c/article/details/70888131动态改变Grid的DataSource的data。 场景:点击选中myGrid1某行时,将此行的DATA数据填充到myGrid2中,且不丢失myGrid2的DataSource中的其他设置var myGrid1 = $("#grid1").kendoGrid({ ...转载 2018-04-12 11:14:33 · 1168 阅读 · 0 评论 -
kendo dataSource 获取指定页数据
原文出处:https://blog.csdn.net/jinuxm/article/details/52883906var dataSource = new kendo.data.DataSource({ data: [ { name: "Jane Doe" }, { name: "John Doe" } ], pageSize: 1});dataSource.fe...转载 2018-04-12 11:00:09 · 1763 阅读 · 0 评论 -
获取Kendo datasource改动过的记录
原文出处:https://blog.csdn.net/foxweimin/article/details/50018855kendo UI的dataSource提供了批量更新数据的方法,但是新建、更新和删除都会触发不同的服务。若某个业务表单的数据明细有些被修改,有些被删除,有些数据又是新增的,并且这些数据更新必须一次性提交做事务处理,那就必须自己提交数据进行处理了。但是如何从datasource中...转载 2018-04-12 10:45:57 · 1087 阅读 · 0 评论 -
对kendoGrid逐行操作的正确写法
//Out To Received (Chelen 2018-03-02) outToRec: function () { var that = this; myUI.showMsg("確定用[Out]值填寫[Received Qty]嗎?", "系統詢問", "okcancel", "question", function (result) {...原创 2018-03-02 12:01:52 · 955 阅读 · 0 评论 -
从 kendoGrid 得到选中的行的 dataItem
原文出处:http://twell.blog.163.com/blog/static/2356200042013822200526///------------------------------------------------------------------------------------START//Func: 找一个kendoGrid 中的选中的一行//调用方法 :$转载 2017-06-13 14:42:42 · 6823 阅读 · 0 评论 -
找回Kendo控件对应的DOM元素
var date_f = $("#date_fm").data("kendoNumericTextBox").element[0]; date_f.onfocus = function () { $(this).select(); //alert("abc"); //if (this.value ==原创 2017-12-22 17:19:53 · 412 阅读 · 0 评论 -
KendoGrid 动态显示/隐藏列(Column)
原文出处:https://stackoverflow.com/questions/19930850/kendo-grid-columns-hide-show-enable-disable演示地址 : http://jsfiddle.net/OnaBai/XNcmthtmlShow First NameHide First Namejsvar ds = { da转载 2017-12-20 18:03:02 · 8258 阅读 · 0 评论 -
Disable KendoGrid editing
一、禁止整个KendoGrid编辑将grid 转成kendo widgetInstance, 然后将属性editabled 设为 false var $girdEles = $("#grid");//设置grid的不可修改 for (var i = 0; i < $girdEles.length; i++) { var $ele = $($girdEles[i]),原创 2017-12-20 16:26:51 · 1371 阅读 · 0 评论 -
kendoGrid 通Click事件获取行列(Cell)信息
原文出处:https://stackoverflow.com/questions/17343371/how-to-get-row-index-and-cell-index-of-row-click-kendo-grid示例1:function onDataBound(e) { var grid = $("#Grid").data("kendoGrid"); $(grid转载 2017-12-20 09:32:26 · 5186 阅读 · 0 评论 -
kendoGrid 选中上一行、下一行
var grid = $("#grid").data("kendoGrid"); var row = grid.select(); // 取當前行 var idx = sel.index() + 3; // 下一行索引(下一行 = 當前行索引+3) grid.select("tr:eq(" + idx + ")")原创 2017-12-19 14:42:32 · 1228 阅读 · 0 评论 -
MVC Kendo总结之-----> Grid(Edit、Cancel、Save、First、Prev、Next、Last)
原文出处:http://blog.csdn.net/u013028110/article/details/48521379[csharp] view plain copy@(Html.Kendo().Button() .Name("EDIT") .Content("Edit") .Events(events =转载 2017-12-20 09:15:28 · 1074 阅读 · 1 评论 -
巧用kendo.format和kendo.toString 格式化0为空格(不显示)
一般格式:kendo.format("{0:0.00}", 5) // 5.00kendo.format("{0:0.00}", -5) // -5.00kendo.format("{0:0.##}", -5) // -5 kendo.format("{0:0.##}", -5.00) // -5原创 2017-09-29 15:18:32 · 4215 阅读 · 0 评论 -
kendoMaskedTextBox常用录入格式
时间格式(HH:mm) $("#time_fm, #time_to").kendoMaskedTextBox({ mask: "!@:#$", rules: { "!": /[0-2]/, "@": /[0-9]/, "#": /[0-5原创 2016-08-10 10:21:52 · 2365 阅读 · 0 评论 -
利用template隐藏栏位0值
今天要实现一个功能:Grid中某栏0值时隐藏(即不显示),如下图中的“子序号”:方法一: { field: "item_idx", title: "子序号", width: 60, attributes: { style: "text-align: center" }, editor: editors.int, template: "#=item_idx ? item_id原创 2016-08-17 15:32:16 · 837 阅读 · 0 评论 -
一个Cell填写多字段
<input data-role="combobox" data-bind="value: chk_cycle" style="width: 60px;" data-source="['日','月','周','年']" /> 次原创 2016-08-17 11:22:57 · 627 阅读 · 0 评论 -
Kendo UI和AngularJS常见问题解析
转自:http://www.csdn.net/article/2015-04-22/2824534-angularjs-and-kendoui2015-04-23 CSDN编者按:《AngularJS and KendoUI - Your Questions Answered》一文囊括了开发者在使用Kendo UI和AngularJS进行开发时遇到的常见问题。下面为该文章的转载 2015-04-29 09:56:11 · 1106 阅读 · 0 评论 -
Kendo Demo 官网
http://docs.telerik.com/kendo-ui/dataviz/chart/overview转载 2015-04-01 15:20:51 · 1088 阅读 · 0 评论 -
HTML5 Web app开发工具Kendo UI Web教程
转自:http://www.evget.com/article/2013/11/19/20077.htmlHTML5 Web app开发工具Kendo UI Web教程:如何配置Kendo UI CalendarHTML5 Web app开发工具Kendo UI Web教程:如何添加仪表和图表HTML5 Web app开发工具Kendo UI Web教程:AutoCompl转载 2015-04-01 15:16:20 · 1247 阅读 · 0 评论