Hi I have a grid with 3 pages with 20 records on each.
I am trying to select and go to a certain record on a different page.
The issue is I don't know how to do this its easy to do within the page your on using
var grid = $("#ListUserGrid").data("kendoGrid");
grid.select(2);
so i thought it would be as easy as
var grid = $("#ListUserGrid").data("kendoGrid").datasource.data();
grid.select(2);
and obviously that doesn't work
this is what i have at the moment
var grid2 = $("#ListUserGrid").data("kendoGrid").dataSource.data();
if (useridValue > 0)
{
for (var i = 0; i < grid2.length; i++)
{
var t = grid2[i]["UserId"];
arraygrid.push({ "idx": i, "UserId": t });
if (arraygrid[i]["UserId"] == useridValue)
{
//var items = grid2.items();
var idx = arraygrid[i]["idx"];
var loc = grid2[idx];
}
}
itemsToSelect.push(loc);
grid2.select(itemsToSelect);
useridValue = 0;
return;
}
Any help would be appreciated.
Hi,
attached my example:
http://dojo.telerik.com/@idoglik6/usIro
What I'm trying to is to popup tooltip above the "x Recipients" which contains their names (the recipients names by the bind prop "recipients.email".)
I already tried to pass the recipients array to the controller by -> #:item.recipents.email#, but it sent [Oblect, Object] .
I need the real object and not the string format.
Thanks,
Ran

Currently, I am trying to create a column chart with a oData v4 DataSource. However, the values in the chart are not visible. I believe that there is a problem with the oData DataSource, or that the schema is not correct, but maybe I am wrong.
In the attachment, you can find my xml source file (WorkOrders).
<div id="chart"></div><script> var dataSource_statuswerkopdrachten = new kendo.data.DataSource({ type: "odata-v4", transport: { read: { url: "//localhost:9090/npo/WorkOrders", dataType: "json" } }, group: [{ field: "status" }], schema: { model: { fields: { value: { type: "number" }, status: { type: "string" } } } } }); var transformedData = []; dataSource_statuswerkopdrachten.fetch(function () { var v = this.view(); for (var i = 0; i < v.length; i++) { var item = v[i].value; var val = v[i].items.length; transformedData.push({status: item, value: val}); } }); $("#chart").kendoChart({ title: { text: "Status van alle werkopdrachten" }, chartArea: { height: 200 }, dataSource: transformedData, categoryAxis: { field: "status" }, series: [ { field: "value", name: "Status" } ] });</script>Using the k-rebind option on the Kendo grid causes it to refresh every time a user resizes a column.
This issue has been posted in the past http://www.telerik.com/forums/grid-angular-k-rebind-issue-since-q3-update and the solution was to bind to the data source which will not work in my situation as all of the options can possibly change.
Is it possible to stop it from refreshing when the user resizes a column?

Hi,
I am trying to display some data on a Kendo UI Donut chart and the Legend is set as visible.
I have 3 series in the chart and legend is displayed for all 3 of them where as I would like it to be displayed just once.
Each series represent data for each year.
Could anyone please help me with thus.
Any help is appreciated.
Thanks,
Minu Francis
I'm not sure why the menu container is all the way down to the browser bottom. Did I miss a CSS style sheet?
kendo.common-fiori.min.css
kendo.fiori.min.css
kendo.fiori.mobile.min.css
kendo.mobile.fiori.min.css
kendo.dataviz.fiori.min.css

Hi,
I am having issues with loading my treelist. I get "no records to display". What am i doing wrong? Here is my code:
$(function () {
hideProgressIndicator();
$("#treelist").kendoTreeList({
resizable: true,
selectable: true,
columns: [
{ template: "<input type='checkbox' data-bind='checked: checked' />", width: 60 },
{ field: "Id", title: "Id", hidden: true },
{ field: "", title: "", template: "<i class='glyphicon glyphicon-cog' aria-hidden='true'></i> ", hidden: false, width: 60 },
{ field: "Step", title: "Step", hidden: false, width: 60 },
{ field: "AssigneeDisplayName", hidden: false, width: 200 },
{ field: "Description", hidden: false, width: 200 },
{ field: "Status", hidden: false, width: 80 },
{ field: "Instructions", hidden: false }
],
dataSource: {
transport: {
read: {
url: "@Url.Action("GetAndLockAssignmentList", "AssignmentList", new { area = "Activator", workitemId = ViewBag.WorkitemId })",
dataType: "json"
}
},
schema: {
model: {
id: "Id"
}
}
}
});
});
And here is the data being returns for the datasource:
[{"Id":12414,"Step":1,"AssigneeNodeId":1,"Instructions":null,"Deadline":{"Days":1,"Hours":2,"Minutes":3,"TotalMinutes":603},"DueDate":"\/Date(-62135578800000)\/","Status":0,"IsPinRequired":false,"DistributionType":0,"AssigneeDisplayName":"Default Adminab","Description":"Serial 1","NotifyAssignee":true,"CompletionNotify":true,"IsFyi":false,"SendFyiOnRelease":true,"ChildAssignmentListId":0,"ReleasePaths":"Yes; No; Maybe","ReleaseComment":null,"IsCommentRequired":false,"SelectedReleasePath":null,"DateReleased":null,"NotifyAssigneeTemplate":10,"NotifyAssigneeTemplateDescription":"Offline Copy Arrived","CompletionNotifyTemplate":11,"CompletionNotifyTemplateDescription":"Offline Copy Released","IsOverDue":false,"IsParallel":false,"HasChild":false},{"Id":12415,"Step":2,"AssigneeNodeId":1,"Instructions":null,"Deadline":{"Days":0,"Hours":0,"Minutes":0,"TotalMinutes":0},"DueDate":"\/Date(1468468800000)\/","Status":0,"IsPinRequired":false,"DistributionType":0,"AssigneeDisplayName":"Default Adminab","Description":"Serial 2","NotifyAssignee":false,"CompletionNotify":false,"IsFyi":false,"SendFyiOnRelease":true,"ChildAssignmentListId":0,"ReleasePaths":"Yes; No; Maybe","ReleaseComment":null,"IsCommentRequired":false,"SelectedReleasePath":null,"DateReleased":null,"NotifyAssigneeTemplate":0,"NotifyAssigneeTemplateDescription":null,"CompletionNotifyTemplate":0,"CompletionNotifyTemplateDescription":null,"IsOverDue":false,"IsParallel":false,"HasChild":false},{"Id":12418,"Step":3,"AssigneeNodeId":1,"Instructions":null,"Deadline":{"Days":0,"Hours":0,"Minutes":0,"TotalMinutes":0},"DueDate":"\/Date(-62135578800000)\/","Status":0,"IsPinRequired":false,"DistributionType":0,"AssigneeDisplayName":"Default Adminab","Description":"Parallel 1","NotifyAssignee":false,"CompletionNotify":false,"IsFyi":false,"SendFyiOnRelease":true,"ChildAssignmentListId":0,"ReleasePaths":"Yes; No; Maybe","ReleaseComment":null,"IsCommentRequired":false,"SelectedReleasePath":null,"DateReleased":null,"NotifyAssigneeTemplate":0,"NotifyAssigneeTemplateDescription":null,"CompletionNotifyTemplate":0,"CompletionNotifyTemplateDescription":null,"IsOverDue":false,"IsParallel":true,"HasChild":false},{"Id":12419,"Step":3,"AssigneeNodeId":1,"Instructions":null,"Deadline":{"Days":0,"Hours":0,"Minutes":0,"TotalMinutes":0},"DueDate":"\/Date(-62135578800000)\/","Status":0,"IsPinRequired":false,"DistributionType":0,"AssigneeDisplayName":"Default Adminab","Description":"Parallel 2","NotifyAssignee":false,"CompletionNotify":false,"IsFyi":false,"SendFyiOnRelease":true,"ChildAssignmentListId":0,"ReleasePaths":"Yes; No; Maybe","ReleaseComment":null,"IsCommentRequired":false,"SelectedReleasePath":null,"DateReleased":null,"NotifyAssigneeTemplate":0,"NotifyAssigneeTemplateDescription":null,"CompletionNotifyTemplate":0,"CompletionNotifyTemplateDescription":null,"IsOverDue":false,"IsParallel":true,"HasChild":false}]
I'm using Kendo UI grid with angular and webapi2 backend. If I update a row on the backend and refresh the grid, the changed data is reflected just fine. If I add or delete a row the grid does not reflect this change (unless I do a full page refresh). My refresh function is as follows:
$scope.grid.datasource.transport.read();
$scope.grid.refresh();
Debugging network requests shows the correct JSON data being returned from webapi, the control just does not reflect the updated data set.

Hi
Do you have an example of making custom checkboxes filter (http://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/checkbox-filter-menu) when using the option columnMenu as true? It seems the event filterMenuInit does not work in this case. I am using this column menu object :
columnMenu: {
columns: false
}
thanks
