kendo-ui

I have a selectable KendoUI grid in my MVC app. I want to do something when the user double-clicks on the grid. I don't see a double-click event for the grid. How may I handle the double-click event when there is none exposed? EfrainReyes Use the standard double click event. The first click will select the grid row, adding a .k-state-selected class to it, and the second click will trigger the double click event. $("#yourgridname").on("dblclick", "tr.k-state-selected", function () { // insert code here }); You can also use dataBound dataBound: function (e) { var grid = this; grid.tbody.find("tr

There already are questions how to get custom error handling, with answers , but all those answers use 'external' reference/selector to the grid to make it work, for example: function onError(e) { if (e.errors) { var message = "Error:\n"; var grid = $('#gridID').data('kendoGrid'); // <<- here (...) } Is it possible to get the reference to the grid from inside the error handling function without providing the selector by hand or 'externally' (because global variables are meh )? That way the error handling script could be totally self-contained. Patryk Ćwiek Version 'current' as of 2015-12-05

I am trying to create a search box for a kendoUI grid. I have been able to get a start on doing a search based on one field however I would like the value in my search box to search all columns in the grid. function() { grid.data("kendoGrid").dataSource.filter({ field: "ProductName", operator: "contains", value: $('#category').val() }); } See js fiddle example I tried using the or logic operator here: jsfiddle.net however I can't seem to get it to work.... (see or logic button) I think that you should say eq to fee or eq to fi if you want to match one of the two conditions. I´ve slightly

I am having a Kendo UI grid showing more than 1000 data. I also have a dropdown list for different page size - 15, 25, 50, 100. On selection of a page size, how can we change the page size of Kendo UI grid? Daniel You can set the page size in the combobox change event. (Also see JSBin example .) $("#comboBox").kendoComboBox({ dataTextField: "text", dataValueField: "value", dataSource: [ { text: 1 }, { text: 2 }, { text: 3 }, { text: 4 }, { text: 5 } ], change: function(e) { var grid = $("#grid").data("kendoGrid"); grid.dataSource.pageSize(parseInt(this.value())); // this.value() being the

I have a kendo ui grid. Let's say that the JS variable pointing to the grid is called grid . How can I go to page 3 programmatically? Thanks. OnaBai You might to use: grid.dataSource.query({ page: 3, pageSize: 20 }); Documentation in here . or: grid.dataSource.page(3); Documentation in here Answer is just set it pate: 1 when datasource created var dataSource = new kendo.data.DataSource({ data: [ { name: "Tea", category: "Beverages" }, { name: "Coffee", category: "Beverages" }, { name: "Ham", category: "Food" } ], page: 1, // a page of data contains two data items pageSize: 2 }); 来源： https:/

I'm trying out Kendo charts with angular, and I have problem displaying data, here is my code: HTML: <div kendo-chart="rchart" data-k-options="chartOptions" data-role="chart" class="k-chart" style="position: relative;"></div> Javascript: resultService.getResult().then(function (resultResponse) { $scope.data = resultResponse.data; $scope.oldReps = _.pluck($scope.data.TreningScores.Item1, 'Item2'); $scope.newReps = _.pluck($scope.data.TreningScores.Item2, 'Item2'); $scope.categories = _.pluck($scope.data.TreningScores.Item1, 'Item1'); }); $scope.chartOptions = { legend: { position: "bottom" },