Tag: kendo grid

如何在kendo网格中添加带有预定义数据的新行?

我正在尝试使用来自另一个kendo网格的选定数据向kendo网格添加一个新行。 它显示一个空行但没有数据。 这是我的代码: var PunishmentGridDataSource = new kendo.data.DataSource({ schema: { model: { id: “DICP_ACTN_TYPE_CODE”, fields: { DICP_ACTN_TYPE_SLNO: { editable: false }, DICP_ACTN_TYPE_CODE: { editable: false }, DICP_ACTN_TYPE_NAME: { editable: false } } } }, pageSize: 5, data: [ { DICP_ACTN_TYPE_SLNO: “1”, DICP_ACTN_TYPE_CODE: “1”, DICP_ACTN_TYPE_NAME:”aa” }] }); var PunishmentGrid = $(“#PunishmentGrid”).kendoGrid({ dataSource: PunishmentGridDataSource, pageable: true, editable: […]

按对象属性的唯一数组

如何根据属性创建唯一的对象数组? 在这个例子中,“字段”: 0: Object field: “name” operator: “eq” value: “d” 1: Object field: “gridSearch” operator: “contains” value: “1” 2: Object field: “gridSearch” operator: “contains” value: “12” 这里参考的是我正在使用的这个问题的代码: $(‘#gridSearch’).keyup(function() { var currentFilters = $(‘.k-grid’).data(“kendoGrid”).dataSource.filter(); currentFilters.filters.push({ field: ‘gridSearch’, operator: ‘contains’, value: $(this).val() }) console.log(currentFilters.filters) })

移动设备中的Kendo网格刷新问题

我每隔10秒刷新一次kendo.all.min.js网格,我使用了以下代码,并使用了kendo.all.min.js $(document).ready(function () { loadData(); intervalManager(true, TableStatus, 10000); }); var TableStatus = function () { loadData(); } var refreshorderplacedgrid; function intervalManager(flag, animate, time) { if (flag) refreshorderplacedgrid = setInterval(animate, time); else clearInterval(refreshorderplacedgrid); } function loadData() { var grid = $(“#grid”).kendoGrid({ dataSource: { data: [ { ID: ‘1001’, FirstName: ‘Alphy’, LastName: ‘LastName’, category: ‘A’, Markable: true […]

搜索kendo网格后没有发生数据绑定

嗨,我有一些带有一些数据的Kendo网格。 当我尝试调用rebind时,它不会填充数据,即使我能够从我的数据库中获取它。 以下是明确的步骤: 通过调用我的函数init()来绑定数据 在我的Init()中,我的数据源读取如下:“/ Emps / ShowAllEmps” 第一次加载数据,我能够在网格中看到 现在我的页面中有一个文本框和搜索按钮。 我输入了一些文本,并使用其他参数调用相同的数据源,如“/ Emps / ShowAllEmps” 当我点击搜索按钮时,我可以根据输入获取数据,我可以在网格上看到。 现在当我点击重置按钮时,我想调用与“/ Emps / ShowAllEmps”相同的数据源并清除所有参数。 现在我的数据源可以执行读操作,我可以在我的firebug中将数据看作JSON对象。 但问题是现在,它没有绑定到我的网格。 尽管JSON对象中存在数据。 任何的想法? 或者有人有类似的例子你可以发布吗? 这样我就可以了。 谢谢

导出kendoGrid上的日期更改

我有这个用kendoUI制作的表,当用户将表导出到excel时,所有日期值都会改变,问题只出现在chrome中,firefox工作正常。 您可以在此链接上尝试runnable var localData=[ {cliente:’COMERCIALIZACION’,lote:1323,calidad:’PRIMERAS’,fecha:’2017-07-07′,sacos:10}, {cliente:’COMERCIALIZACION’,lote:1324,calidad:’PRIMERAS’,fecha:’2017-07-07′,sacos:80},{cliente:’COMERCIALIZACION’,lote:1325,calidad:’PRIMERAS’,fecha:’2017-07-07′,sacos:29}, {cliente:’COMERCIALIZACION’,lote:1326,calidad:’PRIMERAS’,fecha:’2017-07-07′,sacos:5}];

Kendo Ui网格自定义validation是两次射击

Kendo Ui网格自定义validation是两次射击 我的编码 schema: { model: { id: “StaffID”, fields: { StaffName: { validation: { required: true } }, RoleID: { field: “RoleID”, type: “number”, defaultValue: 2 }, Username: { validation: { required: true } }, Password: { validation: { required: true } }, Email: { validation: { email: true, required: true,validateOnBlur: false, EmailValidation: function(input) […]

Kendo UI自定义网格弹出编辑器窗口仅打开一次

我想使用自定义窗口作为Kendo UI Grid的弹出编辑器。 其内容将与搜索字段和显示搜索结果的网格相结合。 要做到这一点,我不想使用Kendo模板机制,而是一个真正的弹出窗口。 在使用自定义编辑器进行测试时遇到了一个问题。 即使有一个非常基本和简单的场景(只是create命令),我只能打开一次编辑器。 第二次出现错误时,编辑器不再出现,网格变空。 这是我的HTML代码: JavaScript部分: function openCustomWindow(e) { e.preventDefault(); myWindow.center().open(); } function editorWindowClosed(e) { myGrid.cancelRow(); } var myWindow = $(“#custom-window”).kendoWindow({ modal: true, resizable: false, title: “Test”, visible: false, close: editorWindowClosed }).data(“kendoWindow”); var dummyDataSource = new kendo.data.DataSource( { schema : { model : { id: “id”, fields: { postion: { type: […]

单击添加新记录时,Kendo Grid Popup不会触发

我使用带有弹出编辑器的Kendo Grid来显示数据库中的行。 行来自“FemaleAdvice”表。 在FemaleCategory是查找表的意义上,每个FemaleAdvice对象将属于FemaleCategory,并且当用户选择FemaleCategory时,将显示FemaleAdvice对象标题和描述的列表。 在让用户编辑FemaleAdvice对象属于哪个FemaleCategory时,显示类别的标题而不是数据库密钥是有意义的。 我已经采取了几个步骤来做到这一点,但是当我点击“添加新记录”时,我在控制台中收到“未捕获:ReferenceError:类别未定义”错误。 我觉得这很简单,但我对MVC / Kendo有点新意,所以我的无知正在显现。 我的代码如下: //FemaleAdvice Model [Key] [ScaffoldColumn(false)] public Int64 FemaleAdviceKey { get; set; } public string Title { get; set; } public string Description { get; set; } [Required] [UIHint(“FemaleCategoryKey”)] [DisplayName(“Female Category”)] public Int64 FemaleCategoryKey { get; set; } public virtual FemaleCategory Category { get; set; } [UIHint(“Body”)] […]

kendo ui网格中的按钮在移动设备上不起作用

我有一个例子,使用Backbone.js添加了一个kendo ui网格。 在kendo ui网格中,我有一个删除行的按钮,但这些按钮在移动设备上不起作用。 如果我再次按下按钮,它有时会起作用。 为什么? 我在kendoGrid.columns中声明了这个按钮: { command: [{ name: “destroy”, text: “Remove”, className: “ob-delete” } 要删除行并在单击按钮时执行某些操作: $(document).on(“click”, “.grid tbody tr .ob-delete”, function (e) { var item = grid.dataItem($(this).closest(“tr”)); var check = confirm(“Delete”); if (check) { grid.removeRow($(this).closest(“tr”)); } }); 完整的例子 编辑: 我使用的是kendo ui版本:2012.3.1114

如何用jquery用Kendo开关显示百分比?

我有像这样的kendo NumericTextBox Tonen vanaf verschil @(Html.Kendo().NumericTextBox() .Name(“SignalThreshold”) .Value(0) .Step(10) .Min(0) .Events(e => e.Change(“FilterThresholdChange”)) .Format(“##.00”) ) 我有一个剑道开关,像这样: $(“#euro-switch”).kendoMobileSwitch({ onLabel: “%”, offLabel: “€”, change: function (e) { var label = e.sender.value() ? e.sender.options.onLabel : e.sender.options.offLabel.toString(); var grid = $(“#overzicht-grid”).data(“kendoGrid”); if (e.checked) { grid.showColumn(“VerschilPercentage”); grid.hideColumn(‘Verschil’) } else { grid.hideColumn(“VerschilPercentage”); grid.showColumn(“Verschil”); } var inpbox = $(‘#SignalThreshold’).data(“kendoNumericTextBox”); inpbox.setOptions( { round: […]