Tag: kendo grid

网格按钮单击上的Kendo UI窗口不会第二次打开: 我正在研究MVC Kendo Ui项目，我遇到了以下问题：我有一个可编辑的kendo网格，带有一个自定义编辑按钮，可以在一个类似“编辑器模板”的剑道窗口上打开局部视图。这似乎第一次工作正常但如果我关闭窗口并尝试编辑另一个项目甚至相同只是不起作用。我认为当我关闭窗口时，这会消除DOM中的元素，但无法弄清楚如何修复它。这是一些代码： @(Html.Kendo().Grid(Model) .Name(“gridUbicaciones”) .Columns(col => { col.Bound(x => x.UbicacionId); col.Bound(x => x.Nombre); col.Bound(x => x.Latitud); col.Bound(x => x.Longitud); col.Bound(x => x.Altitud); col.Bound(x => x.Comentario); col.Command(cmd => { cmd.Custom(“Editar”).Click(“editItem”); cmd.Destroy().Text(“Borrar”); }).Width(210).HtmlAttributes(new {style = “text-align:center;”}); }) .ToolBar(toolbar => toolbar.Create().Text(“Agregar”) ) .Pageable() .Sortable() .Filterable() .DataSource(dsource => dsource .Ajax() .PageSize(8) .ServerOperation(false) .Model(model => […]

Kendo UI网格 – filter – 日期范围: 按日期范围过滤列可以很好地解决我在SO中找到的解决方案如何定义两个日期之间的Kendo网格列filter？ – 由MWinstead提议但 “ 此解决方案的唯一问题是，如果您只选择结束日期并应用filter，则下次打开filter菜单时，开始日期将填入您输入的结束日期，并且将选择LTE运营商，这将由jQuery代码更改，导致错误的filter “ ataravati在同一个post中提出的问题我们如何解决这个问题？

Kendo UI Grid可编辑手册dataItem.set（）慢/延迟: 我有一个可编辑的Kendo Grid，可能有一个带有复选框的列来更改布尔值。我使用了OnaBai提出的这个解决方案，它完美运行！唯一的问题是复选框值更改太慢。当用户点击它时，需要大约1秒才能更改。我意识到dataItem.set()方法由此延迟负责。我的网格有相当数量的数据。大约30-40列和300多行。它的定义如下： $(“#mainGrid”).kendoGrid({ dataSource: dataSource, pageable: false, sortable: true, scrollable: true, editable: true, autoBind: false, columnMenu: true, // Cria o menu de exibição de colunas height: getGridHeight(), toolbar: [/* hide for brevity */], columns: [/* hide for brevity */], dataBound: function() { /* hide for brevity. */}, […]

也可以在hover时打开kendo编辑器: 我有Kendo网格下拉，datepicker编辑器。它工作正常，只有当我点击块时打开下拉/ datepicker编辑器。有没有办法让块在Hover上转换成编辑器forms（datePicker / dropdown）。正常状态图像 – > 当我点击日期字段时，它会变为 – > 当我点击下拉菜单 – > 我希望在hover时将块转换为编辑器，块应该在模糊时恢复正常状态。我的编辑模板是 function categoryDropDownEditor(container, options) { $(”) .appendTo(container) .kendoDropDownList({ autoBind: true, dataSource: [{ “rsrc_cd”: “EXTRS” , … }], }); } 这是TimeBlock选择器的代码 – > function numericEditorHh (container, options) { $(‘ ‘) .appendTo(container) .kendoNumericTextBox({ decimals: 0, min: 0, max: 23, format: ‘n0’, […]

如果在保存网格之前旧值和新值不同时，如何在编辑时比较和显示kendo脏标志: 在kendo网格中，当我更改值时，在网格单元格中显示kendo的脏标志。但是当我单击返回到同一网格单元并将其更改为先前的值（已存在的值）时，仍会显示脏标记。如何检查该值是否与之前的值类似，并且在保存之前不显示脏标志。以下是我的kendo可编辑下拉列表代码。 function editCategoryDropDown(container, options) { var catObject = JSON.parse(ticketProjectCategoryObject.value); $(”).appendTo(container); var catDropDownTreeView = $(“#categoryDDTreeView”).kendoExtDropDownTreeView({ treeview: { dataSource: new kendo.data.HierarchicalDataSource({ data: catObject }), //expended: true, loadOnDemand: false, change: function (e) { { var dropDownTreeViewObj = $(‘#categoryDDTreeView’).find(‘.k-input’); var nodeTitle = dropDownTreeViewObj.attr(“title”); if (nodeTitle != null) { options.model.Category = nodeTitle; options.model.CategoryId = dropDownTreeViewObj.attr(“nodevalue”) options.model.dirty = […]

下拉选择中的Kendo UI Grid Refesh: 我有一个网格，每行都有一个带有值的选择下拉框。选择项目后，如何重新加载网格以反映更改？我想这样做的原因是因为从下拉列表中选择的项目会影响另一列中的金额。这是我的下拉列表的代码： function shippingModelSelect(container, options) { $(”) .appendTo(container) .kendoDropDownList({ autoBind: false, dataSource: [ { “modelName”: “Individual shipping cost”, “modelId”: 1 }, { “modelName”: “Based on weight”, “modelId”: 2 }, { “modelName”: “Based on value”, “modelId”: 3 } ], close: function() { handleChange(); } }); } 我的手柄更改function： var gridAlert = $(‘#gridAlert’); var handleChange = […]

如何取消选择kendoui中的网格记录: 我正在选择数据绑定事件的listview记录。我在数据绑定中编写了以下代码 var grid = $(“#grid”).data(“kendoGrid”); grid.select(grid.tbody.find(“>tr:first”)); 现在我想动态取消选择网格。我怎样才能做到这一点？

KendoUI Grid十进制数列: 我有一个重量柱（Kg）。当用户点击它时，我需要让它们能够输入3位的十进制数。我遇到的问题是目前只允许他们把它放到2个地方，但显示为3个地方。您可以输入一个数字到多个小数位，但是当它保存时，它会将它四舍五入到2个位置。我的专栏设置如下： … { field: “weight”, title: “Weight”, width: 40, format: “n4”, decimals: 4, step: 0.001, template: “#= weight.toFixed(3)+’kg’ #” } … 我尝试了一些但没有工作的东西。

kendo ui网格上的可编辑颜色输入字段: 正如您在下面的代码中看到的，我有一个带可编辑单元格的网格。在名为“szin”的专栏中，我厌倦了实施一个剑道颜色选择器，它的工作正常。我的问题是，只有在您尝试编辑其中一个单元格时才会显示颜色。我可以以某种方式永久显示它吗？如果细胞的bg颜色发生变化或者下拉框始终可见或者使用任何其他方法，我都不在乎。这是我的代码： $(document).ready(function() { $(“#grid”).kendoGrid({ dataSource: { transport: { read: “load.php”, update: { url: “load.php”, type: “POST” }/*, destroy: { url: “load.php”, type: “DELETE” }*/ }, error: function(e) { alert(e.responseText); } }, columns: [ { field: “termekid”, width:”70px” }, /* … */ { field: “szin”, width:”74px”, editor: szinColorPickerEditor } /* … […]

重新加载kendo ui网格行项目代码执行错误: 我有一个使用kendo ui grid的web应用程序。当我单击一个按钮时，网格加载了Bakbone.js，我可以使用下一个代码删除一行： $(document).on(“click”, “#grid tbody tr .ob-delete”, function (e) { var item = grid.dataItem($(this).closest(“tr”)); var check = confirm(“Do I delete:” + item.City ); if (check) { grid.removeRow($(this).closest(“tr”)); } }); 要删除的按钮的配置： command: [ “edit”, { name: “destroy”, text: “Remove”, className: “ob-delete” }] 当我重新加载内容（网格）按下按钮时，如果我想删除一行， item.City产生错误。这里有完整的例子编辑：解决了！感谢@ Whizkid747！添加 command: [ “edit”,{ //… […]