Hello,

i have a question to the server-side grouping option. The grid is configured with server-side sorting and server-side grouping. The column-sorting runs without errors, but as soon as i group the table is the sorted Data (from a sorted column) not sorted anymore.

After that i logged the data from the server and the data is sorted as it should. Furthermore i tried to sort the data directly on the server, and then i grouped the grid two times (no column sorting in the grid). The result was that the server-sorted column was not sorted anymore. With this test is clear that the grid is sorting the incoming (already sorted) data. Does somebody has any idea how i can fix that issue.

I attached two files with the grid and the server data. The blue rectangle marks the relevant part and the red one the sorted column.

Is there an accepted way to force a grid with incell editing to invoke an update when the user remove focus from the edited cell? We currently use the approach below but it has become unreliable and sometimes does not properly update the UI elements (loading spinner never disapears, dirty indicator doesn't disappear, etc)

             ev.Save(@"function(e){
                    setTimeout(function(){
                        $('#ExecutionPartGrid').data('kendoGrid').dataSource.sync()})}"
                  );

I know I'm new to these control, and I've researched, but can't seem to find an answer that works.

I have a grid, and thats now working 100%, but I can't seem to navigate to a url on the selected row click / change?  I'm getting a window.location undefined error.  I know it's probably something simple I'm overlooking, but I'm just not seeing it yet?

Here is what I have...

$("#agencyListGrid").kendoGrid({
columns: [{
field: "agencyName",
title: "Agency"
},
{
field: "agencyID",
title: "View",
width: 100,
headerAttributes: {
style: "text-align:center"
},
template: '<div style="text-align:center" onclick="navigateToAgency"><i class="fa fa-search fa-lg" aria-hidden="true"></i></div>'
},
{
field: "agencyID",
title: "Archive",
width: 100,
headerAttributes: {
style: "text-align:center"
},
template: '<div style="text-align:center"><i class="fa fa-archive" aria-hidden="true"></i></div>'
}],
dataSource: {
data: this.agencyList.agencies,
pageSize: 15
},
height: 500,
selectable: "row",
scrollable: false,
pageable: {
pageSizes: true,
buttonCount: 5
},
change: function() {
var tempView = $("#agencyListGrid").data("kendoGrid");
//Getting selected item
var selectedItem = tempView.dataItem(tempView.select());
this.window.location = "agencies/" + selectedItem.agencyID;
}
});
}

ERROR MESSAGE:

ERROR TypeError: Cannot set property 'location' of undefined
    at init.change (agency-list.component.ts:84)
    at init.trigger (eval at webpackJsonp.../../../../script-loader/addScript.js.module.exports (addScript.js:9)

Hello,

The Context: We have a grid that has locked content. But the problem is the height of each row is too large, so I want to reduce it. Adding css to tr doesn't work because kendo will add height attribute to the dom after _adjustRowsHeight.

The solution I have is to adjust the height of the locked table and scollable table in dataBound function, but I want to sync the height of each row in the two tables after this. My question is: Is there a way to sync the height of locked table and the scrollable table without manually calling _adjustRowsHeight method?

Best regards,

Yajing

Hi, 

Im not going to pretend to know what is happening here, so I'll just explain how to duplicate it.

I have a demo (https://dojo.telerik.com/iQEtE). Monitor the web console.

1. Create an event, at 10:30am (for example).
2. Resize the event so it starts at 10:00

In the console, I've printed the event object which displays the start time as 10:00, the new time of the event. But on the next line I've explicitly printed the start value and it reads as 10:30, the original time.

I have no idea what is happening, please advise.

Thanks,
Grant

Hi,

I am trying to display a diagram with the following code. I took this from the "Editing" sample posted in Telerik site. After ensuring that it works with the Telerik's data services on my page, I am trying to use it with my own service. This doesn't work. Can someone please help?

Please note: I have intentionally commented the connection piece to first debug the data source piece. I am also attaching a sample of my connections service which returns connections between two entities using LE_Code & F_LE_Code (whose values can be same sometimes. So, we need to add a filter to filter out the items where LE_Code & F_LE_Code are the same). Please suggest how should I specify the connections code and schema? 

Code

Sample JSON data returned from my GetLEData service

Sample JSON data returned from my connections service

Appreciate your help!

Thanks,

Hi,

When I set "selectable: true" to help to select multiple events on desktop screen but in mobile I can not do it. Is it possible to select multiple events on mobile?

For other things after selecting multiple events how I can open the editor form with these values, currently the scheduler open dialog editor form when we click on one cell.

Thanks in advance!

Hello, i'm creating a Gantt Chart and i have two issues:

1) If i change the task template to remove task name inside task, the task height is reduced.

    Using this template:

Check how it looks like: https://www.screencast.com/t/FoXLG7lQNQoh

2) I am creating dependencies with type 1 but i'm getting the following location for dependency row.. It should start at the enf of the task, but it is starting in the middle.

Check how it looks like: https://www.screencast.com/t/FoXLG7lQNQoh

In Html i'm importing this:

This is my data:

Could anybody give me some workaround for both issues?

Thank you so much

Maybe I'm overlooking something easy, but I can't seem to simply change the background color of my kendo grid header.

This is what I have, (it everything runs, but the base theme never changes)... (no centering, no bg color change).  What am I missing?

CSS

.k-header{
text-align: center;
background-color: #ff0099;
}

JS

$("#agencyListGrid").kendoGrid({
columns: [{
field: "agencyName",
title: "Agency"
},
{
field: "agencyID",
title: "View",
width: 100
},
{
field: "agencyID",
title: "Archive",
width: 100
}],
dataSource: {
data: this.agencyList.agencies,
pageSize: 15
},
height: 500,
pageable: {
pageSizes: true,
buttonCount: 5
}
});

Hello,

I have a drop down list used in MVVC SPA app. It is bound to very large (30K+ records) dataset using DataSource object with server paging and filtering enabled.

Selected item of drop down list is bound to Observable object.

When user changes value of drop down list, change event fired and user is redirected to:

router.navigate('/customers?<selected ID>');

where <selected ID> is selected value.

Then the route function looks like this:

router.route("/customers", function(params) {
      viewApp.set('customerId', params.customerId);
      ...

So before I show view, I set customerId property of model which is bound to dropdownlist.

It's works, but only if selectedId is in "first page" of server results (server paging is enabled).

How can I solve this?