Tag: kendo grid

剑道网格中的寻呼机错误（Nan-Nan of 1 items）

我正在尝试创建一个包含学生详细信息列表的Kendo网格。 点击添加按钮，寻呼机显示“Nan-Nan of 1 items”。 @(Html.Kendo().Grid() .Name(“StudentDetailsGrid”) .Pageable() .HtmlAttributes(new { id=”StudentDetailsGrid”}) .Columns(col => {col.Bound(a => a.FirstName).Title(“Name”); col.Bound(a => a.LastName).Hidden() col.Bound(a => a.StudentID).Hidden(); col.Command(a => { a.Destroy(); a.Edit(); }).Title(“”); } ) .ToolBar(toolbar => toolbar.Create().Text(“Add”).HtmlAttributes(new {@id=”btnCreateStudent”})) .Editable(editable => editable.Mode(GridEditMode.InLine)) .Scrollable(scrol => scrol.Enabled(true)) .DataSource(source => source .Ajax() .PageSize(5) .Model(a => { a.Id(b => b.StudentID); }) .Read(read => read.Action() […]

添加新记录按钮在kendo分层网格中不起作用

我正在尝试将新行添加到kendo分层网格的详细网格中，但添加新记录按钮不起作用。 但是，如果我在详细的网格定义中省略了filter选项，那么该按钮可以工作，但是在过滤掉的情况下，我无法根据主行分离子行。 我正在添加一个图像来描述问题。 这是我的分层网格代码： var element = $(“#grid”).kendoGrid({ dataSource: { type: “JSON”, transport: { read: { url: “/Home/Read”, type: “GET” } }, pageSize: 6 }, height: 700, sortable: true, pageable: true, selectable: ‘row’, navigatable: true, editable: true, toolbar: [“create”, “save”, “cancel”], batch: true, detailInit: detailInit, dataBound: function () { this.expandRow(this.tbody.find(“tr.k-master-row”).first()); }, columns: [ { field: […]

剑道网格隐藏/显示删除按钮

我是Kendo MVC组件以及jQuery的新手。 我正在构建Kendo Grid。我想在Kendo网格上的页面加载时隐藏destroy（删除）命令。之后，当我点击同一页面上的按钮时，它应该是可见的。 剑道网格： @(Html.Kendo().Grid() .Name(“grid”) .Columns(columns => { columns.Bound(product => product.DESCRIPTION).Title(“Description”); columns.Bound(product => product.CODE).Title(“Description”); columns.Command(commands => { commands.Destroy().HtmlAttributes(new { id = “buttondelete” }); }).Title(“Operations”); }) .ToolBar(toolbar => { toolbar.Create().Text(“Add Records”); toolbar.Save(); }) .Editable(editable => editable.Mode(GridEditMode.InCell)) .Pageable(pager => pager .PageSizes(true) .Input(true) .Refresh(true) ) .DataSource(dataSource => dataSource .Ajax() .ServerOperation(true) .Events(events => events.Error(“onError”)) .Model(model => { […]

如何处理Kendo UI Grid行双击事件

我的MVC应用程序中有一个可选的KendoUI网格。 我想在用户双击网格时执行某些操作。 我没有看到网格的双击事件。 当没有暴露时，我如何处理双击事件？

Kendo Grid滚动到选定的行

我希望能够调用一个将Kendo网格滚动到所选行的函数。 我已经尝试了一些方法，但没有一个方法有效， 比如我试过这个： var grid = $(“#Grid”).data(“kendoGrid”), content = $(“.k-grid-content”); content.scrollTop(grid.select()); 我也试过这个： var gr = $(“#Grid”).data(“kendoGrid”); var dataItem = gr.dataSource.view()[gr.select().closest(“tr”).index()]; var material = dataItem.id; var row = grid.tbody.find(“>tr:not(.k-grouping-row)”).filter(function (i) { return (this.dataset.id == material); }); content.scrollTop(row); 有人能指出我正确的方向吗？ 🙂 —编辑— 由于其他原因，我无法绑定到更改事件，因此我必须能够调用函数将列表滚动到所选行。 这就是我试着用@Antonis为我提供的答案。 var grid = $(“#Grid”).data(“kendoGrid”) grid.element.find(“.k-grid-content”).animate({ scrollTop: this.select().offset().top }, 400); 当我尝试这个时，它在列表中向下滚动但不向所选行滚动。 我通过调用scrollTop以错误的方式使用网格对象吗？ 这个也是： var grid […]

如何使用Kendo UI Grid的SetDataSource方法

有没有人能够使用kendo UI网格的setdatasource方法？ 我相信这用于分配可以在稍后阶段分配给网格的数据源，也用于网格刷新目的。 但是我找不到任何适当的文档来解释如何使用这种方法并制作可刷新的网格。 我试图通过远程ajax调用更新我的数据源。 我还假设通过将autosync属性设置为true来更新源时应该自动刷新。 每次我点击日历控件我都会将日期值传递给GetRemoteData函数，以便通过ajax请求更新数据。 目前这不起作用。 有什么解决方案的任何线索？ 我的看法 $(‘#calendarContainer’).kendoCalendar({ format: “dd/MM/yyyy”, culture: “en-GB”, change: onDateChange }); function onDateChange() { var selectedDate = kendo.toString(this.value(), ‘dd/MM/yyyy’); GetRemoteData(selectedDate); /* $(“#grid”).data(“kendoGrid”).dataSource.data(bob); $(“#grid”).data(“kendoGrid”).dataSource.read(); */ } $(‘#grid’).kendoGrid({ dataSource:GetRemoteData(date), scrollable: { virtual: true }, navigatable: true, groupable: true, sortable: true, selectable: “row”, pageable: true, pageable: { input: true, numeric: false […]

Kendo UI网格和自定义弹出删除确认

我有一个kendoui网格，我在metronic模板中使用它…我希望用更好的彩色更改删除确认弹出窗口（不是文本）。 我正在使用MVC Kendo助手来创建网格，据我所见，没有一段代码拦截弹出消息（例如http://www.keenthemes.com/preview/metronic/theme/templates/ admin / ui_confirmations.html事件处理） 有人有成功吗？ 提前致谢

Javascript运行时错误：Internet Explorer中的“对象不支持属性或方法”

我正在使用kendo网格，它们适用于CRUD操作。 现在，我想通过在网格规范中添加.Filterable()选项来添加过滤。 这是一些代码： @(Html.Kendo().Grid() .Name(“datagrid_Concessions”) .Columns(columns => { columns.Bound(c => c.Code).Title(“Code”); columns.Bound(c => c.Description).Title(“Description”); columns.Bound(c => c.TrafficOpeningDate).Title(“Traffic Opening Date”); columns.Bound(c => c.CreationDate).Title(“Creation Date”); }) .HtmlAttributes(new { style = “height: 534px;” }) .Filterable() // here’s the filterable option .Selectable() .Events(e => e.Change(“onChange”)) .Pageable(pageable => pageable .Refresh(true)) .DataSource(dataSource => dataSource .Ajax() .PageSize(15) .Read(read => read.Action(“GetConcessions”, “MasterData”)) ) […]

在dataSource.read之后获取Kendo Grid中的记录数

我希望能够在读取（刷新）后从我的Kendo网格中推送记录数。 这是我的剑道网格： @(Html.Kendo().Grid(Model) .Name(“SearchWindowGrid”) .Columns(columns => { columns.Bound(p => p.SYSTEM_ITEMS_SEGMENT1).Hidden(); }) .ClientRowTemplate( “” + “” + “#: SYSTEM_ITEMS_SEGMENT1# ” + “#: DESCRIPTION# ” + “” + “” ) .DataSource(dataSource => dataSource .Ajax() .Read(read => read.Action(“PopulateSearchWindow”, “Item”).Data(“additionalSearchWindowInfo”)) .Events(ev => ev.Error(“onErrorSearchWindow”)) ) .Selectable(s => s.Enabled(true).Mode(GridSelectionMode.Single).Type(GridSelectionType.Row)) .Scrollable(s => s.Enabled(true).Height(450)) ) 我的控制器动作： public ActionResult PopulateSearchWindow([DataSourceRequest] DataSourceRequest request, string option, string […]

如何在运行时将Kendo Grid与System.Data.DataTable绑定

我需要在Button Click上弹出一个Kendo Grid 。 在按钮上单击服务器返回DataTable ，其中包含动态列（即1到n个列）。单击按钮，我使用jQuery ajax调用获取DataTable 。 但是我无法绑定那些数据。 如何解决此问题