Greetings!
I am trying to get rows count from Grid datasource via using standard API. Here is the code
var grid = $("#contractProductsGrid").data("kendoGrid");
grid.dataSource.read();
console.log(grid);
console.log(grid.dataSource.total())
total() - gives me 0 but if i check grid object in console log I can see _data array with length 1 (for grid with 1 row)
With a remote data source, I can't get sortable working. In the UI the user can choose "Sort Ascending" or "Sort Descending", but the expanded values remain unsorted. Filter and all other features do work. Below the code. What am I doing wrong here? Thanks in advance.
$(document).ready(function () { // prefilter posted from main page var postedCriteria = {{ json_encode($criteria) }}; // used for pivot/chart integration var collapsed = { columns: [], rows: [] }; var dataSource = new kendo.data.PivotDataSource({ transport: { read: { url: '{{ url("rapport/query") }}', type: "get", dataType: "json", data: { criteria: postedCriteria } } }, schema: { data: "clients", cube: { dimensions: { Client_geslacht: { caption: "Geslacht" }, Client_redenAfwijzing: { caption: "Reden voor afwijzing" }, Client_aanmelderSoort: { caption: "Aanmeldersoort" }, Client_landHerkomst: { caption: "Land van herkomst" }, Status_status: { caption: "Status" }, }, measures: { "Aantal clienten": { field: "Client_id", aggregate: CountDistinctAggregate }, "Aantal resultaten": { field: "Resultaat_id", aggregate: CountDistinctAggregate }, "Totaalbedrag leefgeld": { field: "Leefgeld_bedragLeefgeld", format: "{0:c}", aggregate: "sum" }, } } }, columns: [{ name: "Client_geslacht", expand: true }], rows: [{ name: "Status_status", expand: true }], measures: ["Aantal clienten"] }); var pivotgrid = $("#pivotgrid").kendoPivotGrid({ filterable: true, sortable: true, columnWidth: 120, height: 570, dataSource: dataSource, // chart integration: dataBound: function () { initChart(convertData(this.dataSource, collapsed)); }, // chart integration: gather the collapsed members collapseMember: function (e) { var axis = collapsed[e.axis]; var path = e.path[0]; if (axis.indexOf(path) === -1) { axis.push(path); } }, // chart integration: gather the expanded members expandMember: function (e) { var axis = collapsed[e.axis]; var index = axis.indexOf(e.path[0]); if (index !== -1) { axis.splice(index, 1); } }, }).data("kendoPivotGrid"); $("#configurator").kendoPivotConfigurator({ dataSource: pivotgrid.dataSource, filterable: true, height: 570 }); $("#exportToExcel").click(function() { pivotgrid.saveAsExcel(); });});function CountDistinctAggregate(value, state, context){ if (!state.distinctList) { state.distinctList = new Array(); } if (value == null || $.inArray(value, state.distinctList) > -1) { return (state.accumulator || 0); } else { state.distinctList.push(value); return (state.accumulator || 0) + 1; }}
I wanted to select two or more consecutive empty cells . Cells with events should not be selectable.
code below:
http://dojo.telerik.com/axaCU
Hi,
I have used stacked bar
http://demos.telerik.com/kendo-ui/bar-charts/multiple-axes
Instead of the stack, in need to show in the series...
Sometimes(I wil having mulit level data)
I have a PanelBar that can add items to the TabStrip, which is done through append. Each tab has a url, which changes part of the display, as part of an Angular SPA. When I try to click on an appended tab, I am redirected to another url, but the selected tab still doesn't change (not just the display, the select function is just never called).
I suspect the problem is that instead of clicking on the tab itself, I click on the tab's url link, which prevents me from clicking on the tab. Is there anything I can do to fix this?
Hi,
I have a panelBar for each of the listView templates:
I am switching listview from view to edit mode programatically (on a button click):
window.listView.edit(window.listView.element.children().first());window.panelBarEdit = $("#panelbarEdit").kendoPanelBar().data("kendoPanelBar");However there's a problem with that, cause initial binding seems not to be working anymore after I called .kendoPanelBar()!?
Is there any way I can make it preserving the initial binding even in edit mode?
Note: The reason I did not go with only one panelBar, instead of having a separate one for each view and edit mode, is that in that case I do not have a control over panelBar elements from the datasource which I want to do - like hiding/showing panelBar custom link button based on a flag.
I have a several columns bound to a list of objects.
What's the simplest way to define a re-usable ClientTemplate using razor?
Something like this?
column.Bound(e => e.MyList).ClientTemplate(Html.Partial("MyPartialView", "#=MyList#").ToHtmlString()); //doesn't compile
Where MyPartialView uses MyList as the model for its page?
Thanks

On an OSX system where there are no mouse connected and only a trackpad is used, scrolling horizontally on a grid with many columns has a rubber banding effect on the content section of the grid.
In Chrome it looks like the column header and the content body is out of sync. On Safari only the content body is affected by the rubber banding effect. Have not tested it in Firefox.
An example can be seen here: http://dojo.telerik.com/azErU/2
Remember that this only happens in OSX when scrolling is taken over by the trackpad. Not sure if this is an issue that Telerik will decide to fix or not, but at least I'll bring it up as it seems to be caused by some overflow CSS.