Hi,
I am using kendo UI Scheduler and my resource entity employee has properties like role.I was not able to access the role into groupHeaderTemplate.
groupHeaderTemplate: "<div class=alignleft><strong><i>#=text#</i><br>#=role#</strong></div>"
Unfortunately i get referrence error : role is not deined.
Below is my data
{
text: "Adams",
value: 1,
role: "Supervisor"
}, {
text: "Anderson",
value: 2,
role: "Sr. Agent"
}
I've been looking around within the documentation but I didn't find a way
Can i get a help with the possibilities to achieve this.
My boss told me to use the kendo UI to do the odata operation which is built in functionality of the grid.
At first i told him when he told me to use the odata that we would need to modify our webapi to write odata but he said no we don thave to chanage that.
Now i have been trying to read about the Grid and trying to see if in the detail it has mentioned that what grid has to do with oData or what benfit i am getting out of it. So can you guide me please.

I am using a Kendo Grid in which all data are bounding with one fixed row checkbox as the first row of he grid (which is hard-coded) I want this row to be freezed ;For that I have used "locked = true" in the columns . But here the problem if I use this my next jquery functions are not working and foremost Let us suppose there are 10 item (pagination) for that it is showing only 9 checkboxes but If i will change item per page then It works fine how to Resolve this type of Error
One Doubt is
If I putting Checkbox Row as Locked=true then is it become outside of the parent Grid i.e required to find the particular check box for that row I am using parent function to find the particular check box of that row after putting locked=true then parent function is not working
On click of row (td) that particular checkbox should checked and if it checked then it should uncheck
If I put locked = true then my function is not working else it's working fine
My function are
function Checkboxselection(){
$('td').click(function(){
var finder = $(this).parent();
console.log(finder);
var ischecked = finder.find(".childCheckbox").prop('checked');
console.log(ischecked);
if(ischecked==true){
finder.find(".childCheckbox").prop('checked',false);
}
else{
finder.find(".childCheckbox").prop('checked',true);
}
});
}
I'm having 2 different issues with the scheduler's UI. First, the navigation buttons circled the image attached are not matching the height of the "Today" button. I haven't made any modifications to any of the css or js files so I'm not sure what is causing this issue. What can I do to fix this?
Second, the view list is dropping to a newline when the date displayed extends too far. How can I force the view list into the "collapsed" state so that my toolbar isn't so large?
Thanks,
Devin
I have a REST service that returns data. with Hal+json format. How do I consume the response in my Kendo Angular grid. My angular controller looks like this, but doesn't return anything:
...
vm.mainGridOptions = {
dataSource: {
transport: {
read: {
url: 'http://localhost:8080/people',
dataType: 'jsonp'
}
},...
.
I have a dozen or so (hierarchical) rows in a treelist that contains five columns. However, when I run JAWS, I see the grid caption and 5 x 1 (which I assume to relate to the five columns and the header row). I also see that this is the case when I run it agains the treelist demo (http://demos.telerik.com/kendo-ui/treelist/index) -- Except that I see the grid information followed by 6 x 1 (there are six columns in the demo treelist).
Is this the correct behavior of the treelist with JAWS or is there something I'm missing (and that the demo is missing)?
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; }}