Tag: kendo ui

如何在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 […]

导出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自定义网格弹出编辑器窗口仅打开一次

我想使用自定义窗口作为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: […]

KendoGrid禁用或启用（编辑，添加或删除按钮）库（true或false in）

我想禁用或启用Kendo Grid中的按钮（k-grid-edit，k-grid-add，k-grid-delete）从控制器（viewbag或viewdata）获取值（true或false）。 该值来自动作base usertype中的函数….

单击添加新记录时，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”)] […]

与kendocombobox的问题

我在我的html中定义了kendocombox，如下所示 combobox正确加载并设置值，但是当它没有将焦点设置到列表中的正确项目时。 见下图 您可以看到值为5.5.1，但它设置为5.4，这是列表中的第一项。 我现在知道它为什么会发生。 在我的combobox中，您可以看到我将值设置为$ root.editFrameworkVersion。 在我的视图模型中，我对该值使用subscribe事件。 见下面的代码 self.editFrameworkVersion.subscribe(function (value) { var combobox = $(“#selFrameworkVersion”).data(“kendoComboBox”); var callback = function (data) { self.editOnlyAlternativeVersions(self.versionListByProductType()); combobox.select(function (dataItem) { return dataItem.Name === value; }); self.editOnlyAlternativeVersions.remove(function (data) { return parseInt($(“#selFrameworkVersion”).attr(‘value’)) === parseInt(data.Id()); }); }; loadVersionListByProductType(self.editProductType().Id(), callback); }）; 我使用这个订阅事件来做一些逻辑。 在这种情况下，我正在调用WCF服务，该服务在该combobox中再次加载值，这就是为什么它总是设置为第一个值。 但是我需要为某些逻辑调用该服务。 然后我在上面已经看到的订阅事件中添加了代码 combobox.select(function (dataItem) { return dataItem.Name === value; }); […]

具有多选下拉列表的自定义过滤

我有一个网格，在工具栏中包含三个多选控件，用于根据所做的选择过滤网格数据源。 目前，我有以下函数，在任何多选控件的change事件期间触发。 此函数接受包含更改的多选控件中的所选项的values和filterID ， filterID是在过滤期间使用的field名。 function applyClientFilters(values, filterID) { var grid = $(“#grid”).data(“kendoGrid”); var gridDataSource = grid.dataSource; var filter = gridDataSource.filter(); // does the selected drop down contain a value // if yes, then apply this filter to the necessary drop down // otherwise remove the filter if (values.length > 0) { // has a […]

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