Hi,
I just found the chart theme doesn't work when using angularJs. It always shows up the default style no matter what css I chose.
But it works if I use the jQuery version. This issue only happens in the Chart component. All the others are working fine.
Would you check this for me pls?
Thanks
I am receiving an error of
"Cannot read property 'find' of undefined"
when trying to render a grid control on a view component of an MVC 6 application that I am currently working on.
The error is coming from this portion of code in the kendo.all.js file where it appears to be trying to find the loading mask but says that container is undefined
progress: function(container, toggle) {
var mask = container.find(".k-loading-mask"),
support = kendo.support,
browser = support.browser,
isRtl, leftRight, webkitCorrection, containerScrollLeft;
The grid I am trying to populate seems pretty straight-forward to me .....below is the typescript I am using... what am I a doing wrong
$("#ConditionsSearchGrid").kendoGrid({ dataSource: { transport: { read: this._main.action_searchcondition.ResolveAction(), contentType: "application/json; charset=utf-8" }, parameterMap: function (data, operation) { return { searchstring: $("#searchstringtextbox").val() } }, error: function (e) { var msg = e.xhr.responseText; alert(msg); }, schema: { model: { fields: { DiscName: { type: "number" }, Diagnosis_Description: { type: "number" }, Short_Description: { type: "string" }, IsSelected: { type: "bool" }, ICD9_cd: { type: "string" }, onset: { type: "string" }, isduplicate: { type: "bool" } } } } }, dataBound: this.ConditionsSearchLineItems_Databound, height: 430, sortable: true, scrollable: { virtual: true }, selectable: "multiple row", columns: [ { template: "<input type='checkbox' #= IsSelected? checked='checked':checked='' # class='chkbx' />", field: "IsSelected", title: " " }, { field: "DiscName", title: "Caredisc", width: "40%" }, { field: "ICD9_cd", title: "Code", width: "10%" }, { field: "Diagnosis_Description", title: "Diagnosis", width: "40%" }, { field: "onset", title: "Type" }] });}
Hi,
I configured a "action column" inside my kendo Grid, with a kendoMenu that allow me to do some tasks on my row item.
I want to run an action directly without selecting the row (because when I select the row, I do some other actions that I do not want to do from the action menu)
My code: http://dojo.telerik.com/otEQI/16
I need to prevent "rowchange" event from a kendoMenu change event that I set inside a columnTemplate.
I tought I could do something inside the menuChange event (like e.preventDefault()), but it happen AFTER the rowchange event!
How can I prevent the rowChange to raise when I click on my kendoMenu item?
Thank you.

I am trying to set the data property of the datasource to a new array everytime a change event happens in a grid . It works perfectly for a few clicks and then I get a "Uncaught TypeError: Cannot read property 'removeClass' of undefined " ,in the line 2. arrValues() always returns a value and it is not null .Please let me know what is wrong with the code .
1: var setArrayValues =arrValues();
2: $scope.​dataSource.data(setArrayValues);
3: $('#​grid').data('kendoGrid').setDataSource($scope.​dataSource);
I'm wondering if there is an easy way to reset all the grid columns widths to what it looks like when the page first loads? Allowing resizing can create a grid that is too big or unwieldy so I want a button to easily snap everything back to it's original width.
Any thoughts on how to accomplish this?
Thanks.
I want my filters to update and only show options that match up with all filters currently applied.
I am working with Year Make Model filters. If I select a year 2004 and apply that filter. I want the Make and Model filters to only show the currently filtered data set options. I should only see Make and Model options that have a year of 2004.
In addition, after the first init call of the filter, i want the options to reload based on the data source. If I add a new car to the data source or remove one, the filter options will re-poll the data source and find those ones removed or added.
in http://www.telerik.com/forums/refresh-multi-checkbox-filter-options-when-grid-is-filtered, i found what seems to be a good viable option but only discussed as a Javascript defined grid. I have a MVC HTML Razor implemented grid. Listed below is the soultion I am hoping to retro fit into my MVC application of the grid.
"define one DataSource instance and assign it to both the Grid and in columns.filterable.dataSource. This will refresh the checkbox data automatically, but if you filter the Grid data via the Grid UI, you will also filter (reduce) the checkbox items."
Hi,
I'm having a problem with stacked column chart. Here is a working fiddle http://jsfiddle.net/jokullie/pvtvLfvy/ that demonstrates the problem.
What I want to do is, I want all objects with the same CHARTGROUP value to be stacked on top of each other and then all the different years should be grouped together on each month.
So, I want the first two records stacked on top of each other at month:1 or "jan", then I want records 9 and 10 to be stacked on top of each other also at month:1 or "jan".
The same should happen for all other months. I hope this makes sense, if not, please ask for clarification.
Thank you,
B.
I am trying to display an Kendo Grid inside an AngularJS application and can not get it to display.
Here is the html for displaying the grid. I just recently added the k-data-source option in the html to try something different.
<div class="col-xs-4"> <div id="pd01" class="panel panel-primary"> <div class="panel-heading"> <span class="panel-title">Open Invoices</span> <span class="panel-controls"></span> </div> <div kendo-grid="vm.grid" k-data-source="vm.gridData" k-options="vm.options"></div> </div></div>
Here is my controller.
(function () { 'use strict'; function invoice(invoiceService) { var vm = this; vm.gridData = new kendo.data.DataSource([{ col1: 'data1', col2: 'data2' }, { col1: 'data1', col2: 'data2' }]); vm.options = { dataSource: vm.gridData, editable: true }; } angular.module('app.dashboard.invoice') .controller('Invoice', invoice);})();