Tag: kendo grid

Kendo UI MVC – 基本的ajax绑定

我看到这里提到的例子 所以在我的应用程序中,我尝试以这种方式实现它: HomeController的 public ActionResult About([DataSourceRequest]DataSourceRequest request) { List listSD = new List(); … fill the list with objects var v = listSD.ToDataSourceResult(request, sd => new ShortDetail { firstname = sd.firstname, surname = sd.surname, classname = sd.classname}); return Json(v, JsonRequestBehavior.AllowGet) } 我的模型ShortDetail public class ShortDetail { public string firstname { get; set; } public string […]

Kendo网格列显示/隐藏80多列的问题

我有一个大约80列的剑道网格。 根据一些逻辑,我隐藏/显示列。 前20列是静态的,其余60列取决于员工数量(例如: – 如果20名员工则只显示20列)。 通过deafault,所有这60个列都被隐藏了。 但是当将40多名员工的数据加载到网格浏览器时显示没有响应。 即,显示/隐藏列需要时间。 请检查我的代码以加载数据 $.ajax({ type: “POST”, url: ‘@Url.Action(“GetData”, “Employees”)’, dataType: “json”, data: param, success: function (response) { if (response != null) { var empList = response.Employees; grid.dataSource.data([]); grid.dataSource.data(response.Items); //To change the name header and hide/show crew name column if (empList != null) { var listIndex = 0; $(‘#grdEmployees th[coltype]’).each(function […]

如何将Kendo Grid dataSource更新为远程URL,但不触发ajax调用?

看看我的小提琴 不幸的是,Kendo Grid似乎没有为优秀的SEO提供原生解决方案( 见这里 )。 但我想我会尝试一下,看看我能做些什么。 这是我到目前为止: 为了使用Kendo Grid实现适当的渐进增强方法,我有3个部分: 用于SEO目的的预先存在的HTML表( 参见小提琴的html部分 ) 来自HTML表格的相同数据,但作为JSON( 参见js小节的顶部 )。 这是Kendo将显示正确的页面和总页面(如果我只是让它单独转换HTML网格,它就不会这样做!!)。 所有后续调用都将通过ajax处理。 ( 请参阅小提琴中网格输出上方的“渐进增强我”按钮 ) 为了保持一切干净整洁,我有一个服务器端脚本,可以生成HTML表和JSON。 我只是将我的服务器端变量插入到我的视图(页面)中,一切都很好。 但是我有一个问题。 我需要将dataSource更新为远程URL,如按下“Progressive Enhance Me!”时所示。 按钮。 按下按钮时,会进行不必要的ajax调用。 在实际应用程序中,这种不必要的初始ajax调用可能代价高昂,而冗余的服务器端数据库查询可能会降低页面速度。 有没有办法在没有进行ajax调用的情况下更新dataSource? (我也对有关使用Kendo Grid实现渐进增强的更好方法的建议持开放态度)。 myData = { // some json here…see fiddle }; $(“#grid”).kendoGrid({ dataSource: { data : myData, dataType: “json”, pageSize:5, serverPaging: true, serverSorting: true, schema: […]

在jQuery.js文件中,Kendo Grid导出到excel“无法读取未定义的属性’长度”时出错

我正在尝试将kendo网格导出为ex​​cel,然后我在控制台中出错。 如果有人知道,请帮助我。谢谢你提前。 angular.js:13920 TypeError: Cannot read property ‘length’ of undefined at Function.map (http://lm.stage.cargoclix.net/bower_components/jquery/dist/jquery.js:461:18) at init.toDataURL (http://lm.stage.cargoclix.net/bower_components/kendo-ui/js/kendo.all.min.js:30:19702) at init. (http://lm.stage.cargoclix.net/bower_components/kendo-ui/js/kendo.all.min.js:30:27764) at Object.proxy (http://lm.stage.cargoclix.net/bower_components/jquery/dist/jquery.js:513:14) at Object. (http://lm.stage.cargoclix.net/bower_components/jquery/dist/jquery.js:3230:33) at fire (http://lm.stage.cargoclix.net/bower_components/jquery/dist/jquery.js:3073:30) at Object.fireWith [as resolveWith] (http://lm.stage.cargoclix.net/bower_components/jquery/dist/jquery.js:3185:7) at Object.deferred.(anonymous function) [as resolve] (http://lm.stage.cargoclix.net/bower_components/jquery/dist/jquery.js:3275:34) at init. (http://lm.stage.cargoclix.net/bower_components/kendo-ui/js/kendo.all.min.js:30:22489) at Object.proxy (http://lm.stage.cargoclix.net/bower_components/jquery/dist/jquery.js:513:14) 这是我的Bower.json文件代码: “dependencies”: { “font-awesome”: “4.6.3”, “angular”: “1.5.8”, “json-formatter”: “0.6.0”, “angular-route”: […]

在导出数据之前使用标题导出Excel

我想知道是否可以使用Kendo UI在Excel文件中包含导出数据上方的文本? 例如,我希望在导出的实际数据之上包含数据的描述: 使用2011年1月1日至2011年9月1日期间选择的数据

带有布尔下拉列表的KendoUI Grid行filter

filter基本上工作正常但是, 选择似乎不会触发第一个选择 每次重置滤波器时都会发生这种情况。 我现在干了两天…… 这是小提琴 $(document).ready(function() { $(“#grid”).kendoGrid({ dataSource: { data: products, schema: { model: { fields: { ProductName: { type: “string” }, Discontinued: { type: “boolean” } } } }, pageSize: 20 }, height: 550, scrollable: true, sortable: true, filterable: { mode: “row” }, pageable: { input: true, numeric: false }, columns: [ { […]

如何捕获kendo网格单元格的焦点事件?

在我的kendo网格中,我想在一个单元格中放置一些值,然后在离开单元格后,根据该单元格的值,我需要在adjitacent单元格上放置一些其他值。 我怎样才能做到这一点? 我研究了下面的jsfiddle,问题是它每当我离开任何单元格时触发事件,但我需要只为一个列的单元格触发事件。 http://jsfiddle.net/latenightcoder/6ZNqN/1/ 这是我的网格: //To Define Columns for Yearly Holiday Kendo Grid var YearlyHolidayGrid = $(“#YearlyHolidayGrid”).kendoGrid({ dataSource: YearlyHolidayDataSource, pageable: true, editable: true, edit: function (e) { var input = e.container.find(“.k-input”); var value = input.val(); input.keyup(function () { value = input.val(); }); input.blur(function () { //$(“#log”).html(input.attr(‘name’) + ” blurred : ” + value); //var a […]

无法使用jquery打开kendo网格的编辑弹出窗口

我正在为MVC页面上的kendo网格实现上下文菜单。 我试图通过单击上下文菜单调用我的kendo网格上的编辑按钮。 我已经在我的上下文菜单和事件编写的jquery代码上实现了事件来调用编辑按钮的click事件。 我确实看到窗口弹出一瞬间关闭。 我如何让这个工作 @(Html.Kendo().ContextMenu() .Name(“menu”) .Target(“#GridTeam”) .Filter(“tr”) .Orientation(ContextMenuOrientation.Vertical) .Animation(animation => { animation.Open(open => { open.Fade(FadeDirection.In); open.Duration(500); }); }) .Items(items => { items.Add() .Text(“Edit”); items.Add() .Text(“Delete”); }) .Events(e => { e.Select(“onEdit”); }) ) function onEdit(e) { //Logic to be executed on Edit event $(‘ak-grid-edit’).click();

如何在javascript中将列表设置为kendo网格数据源?

我有一个模型视图列表,并希望在kendo窗口中将此列表设置为kendo网格数据源。 阿贾克斯 $.ajax({ url: ‘@Url.Action(“KatildigiKurslar”, “Tanim”)’, type: ‘POST’, dataType: “json”, data: { kursiyerId: kursiyerId}, success: function (result) { var kurslar =result.kurslar; //———-I’ve tried like this but not working —————-// var dataSource = new kendo.data.DataSource({ data:kurslar }); $(‘#GridKatildigiKurslar’).data(“kendoGrid”).setDataSource(kurslar); $(“#KatildigiKurslar”).data(“kendoWindow”).open(); }, async: false }); 剑道窗/网格 @(Html.Kendo().Window() .Name(“KatildigiKurslar”) .Title(“Katıldığı Kurslar”) .Draggable() .Content( @ @(Html.Kendo().Grid() .Name(“GridKatildigiKurslar”) .Columns(columns => { […]

在对Kendo UI Grid Data进行更改后,jquery返回错误

我有一个Kendo Grid,用于返回每行都有复选框的Grid。 这些复选框的目的是添加具有选中复选框的每一行的余额金额,并在按下按钮后处理总余额金额。 我是这样做的: function getData() { return [ { accountNumber: “28495”, transactionNumber: “2440”, TransType: “INV”, TransReferenceNumber: “11867115”, transactionDate: “6/18/2013”, transactionDebitAmount: “1920.20”, openBalance: “1920.20”, discountAmount: “93.60”, discountApplied: “0.00”, dueDate: “8/17/2013”, paymentApplied: “0.00” }, { accountNumber: “12495”, transactionNumber: “1430”, TransType: “INV”, TransReferenceNumber: “11867225”, transactionDate: “1/18/2011”, transactionDebitAmount: “27620.20”, openBalance: “1920.20”, discountAmount: “111.60”, discountApplied: “0.00”, dueDate: “2/12/2013”, paymentApplied: […]