Tag: kendo ui

带有复选框的kendo listView以及全选复选框选项

我是kendo UI实现的新手，我正在寻找一种创建带复选框的列表视图的方法，第一个复选框是All Option，如果选中它，则选择listview中的所有项目。 我创建了一个模板，允许我添加项目的复选框，但我需要在所有数据的顶部添加一个ALL复选框。 这是我迄今为止所做的工作，下面（截图）是我想要实现的。 这是我的模板： #:ProductName# http://jsfiddle.net/Archie/w6jsZ/

也可以在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’, […]

将k-state-disabled类应用于文本输入 – Kendo UI

这是我的jsfiddle 演示 。 Products: Text: $(document).ready(function() { var products = $(“#products”).kendoComboBox({ cascadeFrom: “categories”, filter: “contains”, placeholder: “Select product…”, dataTextField: “ProductName”, dataValueField: “ProductID”, dataSource: { data: [{“ProductName”: “ProductName1”, “ProductID”: “1”}, {“ProductName”: “ProductName2”, “ProductID”: “2”}] }, index: 0 }).data(“kendoComboBox”); }); 如您所见，禁用的文本输入在视觉上与kendoComboBox小部件不同。 当禁用状态在应用程序范围内发生变化时，有没有办法在文本输入中添加或删除k-state-disabled类？ 我希望与文本输入的小部件具有相同的行为。

Kendo TreeView搜索突出显示

我有一个带spriteclass的KendoTreeview。 我想用我的搜索词突出显示节点（根节点和子节点）。 我已经实现了搜索function。 但是我搜索它时的问题是突出显示节点中的术语但在第一次搜索后缺少节点中的SpriteClass。 任何的想法 ？ jsFiddle代码 $(‘#search-term’).on(‘keyup’, function () { $(‘span.k-in > span.highlight’).each(function () { $(this).parent().text($(this).parent().text()); }); // ignore if no search term if ($.trim($(this).val()) == ”) { return; } var term = this.value.toUpperCase(); var tlen = term.length; $(‘#treeview-sprites span.k-in’).each(function (index) { var text = $(this).text(); var html = ”; var q = 0; […]

Kendo Grid – 搜索后绑定数据

ASP.NET MVC 4 | .NET 4.5 | 剃刀| C＃ 我在页面顶部有一个文本框和一个按钮。 下面是一个Kendo Grid，它绑定到我的视图模型中的List。 当用户单击搜索按钮时，将发出jQuery ajax请求，并将数据作为JSON返回。 我唯一的问题是如何将这些数据绑定到我的Kendo Grid？ 任何帮助表示赞赏。 @(Html.Kendo().Grid(Model.PurchaseOrder.LineItems) .Name(“poSearchGrid”) .Columns(c => { c.Bound(x => x.LineNumber).Title(“Line Number”); c.Bound(x => x.Qty).Title(“PO Qty”); c.Bound(x => x.OpenQty).Title(“Open Qty”); c.Bound(x => x.QtyReceived).Title(“Qty Received”); }) .Events(e => e.DataBound(“onDataBound”)) .DataSource(s => s.Ajax().Model(model => model.Id(i => i.ID))) ) 按钮单击Ajax调用 $(“#btnSearch”).on(‘click’, function() { console.log(“click”); […]

zone.js：140 Uncaught TypeError：无法读取属性’remove’

我是kendo ui的新手。 我在小提琴里开发了原型。 删除确认窗口在那里工作正常。 但当我整合我的代码库时，我收到错误无法在行pai_to_delete.remove（）中读取属性’remove’; 你能告诉我如何解决它吗？ 在下面提供我的代码。 更新 – 我可能没有正确地解释你…当我点击链接时，我的ui看起来是一个大的弹出窗口打开了一个网格……当我点击一个列时，一个带有删除选项的小弹出窗口打开了… 。当我点击删除选项时，会打开一个确认窗口… – 当我使用原生的js确认方法时，它工作得很好..我认为那时它正确引用… – 但是当我使用kendo ui popup时它不能正常工作… – 当我使用kendo ui时，我的pai_to_delete没有正确引用…因为它指的是div而不是父div我认为是这样。 原型小提琴 http://jsfiddle.net/amu6tw2a/ 整个代码我无法粘贴我的问题，所以我粘贴在小提琴，相关的代码我粘贴在下面 https://jsfiddle.net/44tLx225/ zone.js: 140 Uncaught TypeError: Cannot read property ‘remove’ of null at HTMLButtonElement.eval(swimming – jumpings.ts: 990) at HTMLDocument.dispatch(jquery – 2.2.3. js: 4737) at HTMLDocument.elemData.handle(jquery – 2.2.3. js: 4549) at ZoneDelegate.invokeTask(zone.js: 236) at […]

如果在保存网格之前旧值和新值不同时，如何在编辑时比较和显示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图表颜色

我无法为Kendo UI柱形图配置条形颜色。 这是代码： $(function () { var data, dataSource; data = [{ type: “C1”, amount: 100, year: 2008, color: “red” }, { type: “C2”, amount: 120, year: 2008, color: “blue” }, { type: “C2”, amount: 50, year: 2009, color: “blue” }, { type: “C1”, amount: 10, year: 2010, color: “red” }, { type: “C1”, amount: […]

下拉选择中的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 = […]

Kendo Refresh（DropDownList.refresh（））无效ERROR未定义

我试图在另一个DropDownList更改后刷新下拉列表但是Refresh（）方法是Undefined Error IsInding.There For I Tried Read the DataSource再次显示它正在加载但是数据仍然是相同的。帮助解决请问这个问题。 码： $(“#DropDownList1”).change(function () { custCode = $(“#DropDownList1”).val(); $(“#titles”).data(“kendoDropDownList”).dataSource.read(); //shows list Loading But Same Data Is present . $(“#titles”).data(“kendoDropDownList”).refresh(); //NOT Working });