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 · 2917 阅读 · 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 · 976 阅读 · 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 · 3297 阅读 · 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 · 1495 阅读 · 0 评论 -
kendo Grid加载远程数据方式
原文出处：http://xuehua1987.iteye.com/blog/2098121kendo Grid官网提供的远程加载数据的方式在实际中其实不可行的。下面是它在官网中加载数据的例子： $(document).ready(function() {转载 2017-06-13 14:50:49 · 1191 阅读 · 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 · 1497 阅读 · 0 评论 -
Kendo 时间格式录入
//控制时间的输入 $("#time_fm, #time_to").kendoMaskedTextBox({ mask: "!@:#$", rules: { "!": /[0-2]/, "@": /[0-9]/, "#": /[原创 2017-06-09 09:19:42 · 631 阅读 · 0 评论 -
Kendo Grid 行样式（根据条件改变行颜色）
方法一：HTML页面，初始化时设置 //isgen == 1 红色（颜色） $("#gridMaster").kendoSmartGrid({ columns: [ { field: "shp_no", title: "分店", width: 60, attributes: {style: "#=isg原创 2017-04-26 15:18:36 · 10497 阅读 · 0 评论 -
Kendo ui Grid的创建步骤
原文出处：http://blog.youkuaiyun.com/ibigpig/article/details/25631261 Kendo UI Dataviz 中的Grid控件不仅可以显示数据，并对数据提供了丰富的支持，包括分页、排序、分组、选择等，同时还有着大量的配置选项。使用Kendo DataSource组件，可以绑定到本地的JSON数据或者是远程的数据。关于kendo u转载 2016-12-20 15:11:27 · 1866 阅读 · 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 · 3015 阅读 · 0 评论 -
Kendo UI在线演示 （赞）
原文出处：https://www.evget.com/demo-sample/8605转载 2016-12-14 09:22:42 · 1844 阅读 · 0 评论 -
kendo-ui的MVVM模式 （赞）
kendo-ui的MVVM模式, observable、 data-bind 讲解的浅显易懂转载 2015-09-01 10:49:33 · 2438 阅读 · 0 评论 -
对照Angular/jQueryUI/Extjs：没有一个框架是万能的
原文出处：http://www.myexception.cn/javascript/1349816.html对比Angular/jQueryUI/Extjs：没有一个框架是万能的 对比Angular/jQueryUI/Extjs：没有一个框架是万能的 大漠穷秋 [郑重警告：此文略犀利，可能引起肾上腺素升高、内心不适等症状，请慎重浏览。]转载 2016-12-17 09:53:39 · 964 阅读 · 0 评论 -
HTML5/JS开发框架Kendo UI视频教程集合
原文出处：https://www.evget.com/article/2014/3/31/20754.html转载 2016-12-14 09:21:00 · 1814 阅读 · 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 · 1020 阅读 · 0 评论 -
解决Kendo ComboBox显示多列走样 （备忘）
自定一个ComBoBox代码： var PubCOTypeCmb = kendo.ui.DataComboBox.extend({ options: { name: "PubCOTypeCmb", boName: "PubCOType", methodName: "GetCOTypeList",原创 2016-09-20 15:21:13 · 2109 阅读 · 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 · 2107 阅读 · 0 评论 -
checkbox实现方法 (备忘)
效果图：HTML 定义元素 Mascot Promotion原创 2017-09-26 09:43:09 · 347 阅读 · 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 · 568 阅读 · 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 · 2540 阅读 · 0 评论 -
Kendo Grid Footer的合计（备忘）
效果图：问题： 我们可以利用Kendo dataSource.aggregate设定哪些字段需要合计，但合计时无法排除某些记录（如上面的"Free"记录)解决方案： 我们可以用一个掩眼法来处理，"Amount合计"绑定的不是Amount字段合计，而是另一个字段的合计，问题就可以解决了xxx.editor.html<style> ... /*Gri...原创 2018-04-26 17:09:01 · 1944 阅读 · 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 · 1456 阅读 · 0 评论 -
Kendo UI 动态改变Grid的DataSource中的data且不丢失DataSource中的其他设置
原文出处：https://blog.youkuaiyun.com/zl_c/article/details/70888131动态改变Grid的DataSource的data。 场景：点击选中myGrid1某行时，将此行的DATA数据填充到myGrid2中，且不丢失myGrid2的DataSource中的其他设置var myGrid1 = $("#grid1").kendoGrid({ ...转载 2018-04-12 11:14:33 · 1229 阅读 · 0 评论 -
kendo dataSource 获取指定页数据
原文出处：https://blog.youkuaiyun.com/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 · 1819 阅读 · 0 评论 -
获取Kendo datasource改动过的记录
原文出处：https://blog.youkuaiyun.com/foxweimin/article/details/50018855kendo UI的dataSource提供了批量更新数据的方法，但是新建、更新和删除都会触发不同的服务。若某个业务表单的数据明细有些被修改，有些被删除，有些数据又是新增的，并且这些数据更新必须一次性提交做事务处理，那就必须自己提交数据进行处理了。但是如何从datasource中...转载 2018-04-12 10:45:57 · 1107 阅读 · 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 · 996 阅读 · 0 评论 -
从 kendoGrid 得到选中的行的 dataItem
原文出处：http://twell.blog.163.com/blog/static/2356200042013822200526///------------------------------------------------------------------------------------START//Func: 找一个kendoGrid 中的选中的一行//调用方法 ：$转载 2017-06-13 14:42:42 · 6897 阅读 · 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 · 431 阅读 · 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 · 8384 阅读 · 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 · 1441 阅读 · 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 · 5248 阅读 · 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 · 1283 阅读 · 0 评论 -
MVC Kendo总结之-----> Grid（Edit、Cancel、Save、First、Prev、Next、Last）
原文出处：http://blog.youkuaiyun.com/u013028110/article/details/48521379[csharp] view plain copy@(Html.Kendo().Button() .Name("EDIT") .Content("Edit") .Events(events =转载 2017-12-20 09:15:28 · 1126 阅读 · 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 · 4309 阅读 · 0 评论 -
kendoMaskedTextBox常用录入格式
时间格式(HH:mm) $("#time_fm, #time_to").kendoMaskedTextBox({ mask: "!@:#$", rules: { "!": /[0-2]/, "@": /[0-9]/, "#": /[0-5原创 2016-08-10 10:21:52 · 2401 阅读 · 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 · 872 阅读 · 0 评论 -
一个Cell填写多字段
<input data-role="combobox" data-bind="value: chk_cycle" style="width: 60px;" data-source="['日','月','周','年']" /> 次原创 2016-08-17 11:22:57 · 693 阅读 · 0 评论 -
Kendo UI和AngularJS常见问题解析
转自：http://www.youkuaiyun.com/article/2015-04-22/2824534-angularjs-and-kendoui2015-04-23 优快云编者按：《AngularJS and KendoUI - Your Questions Answered》一文囊括了开发者在使用Kendo UI和AngularJS进行开发时遇到的常见问题。下面为该文章的转载 2015-04-29 09:56:11 · 1140 阅读 · 0 评论 -
Kendo Demo 官网
http://docs.telerik.com/kendo-ui/dataviz/chart/overview转载 2015-04-01 15:20:51 · 1099 阅读 · 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 · 1274 阅读 · 0 评论