Can someone answer how to call databound event inside save event in Kendo UI?
The requirement is to access the KendoGrid data dynamically (as and when it changes). (I tried using the change function, but it is not firing.)
So I think, my requirement would be possible by calling the databound event inside the save function, so that I get the latest value as well as and when it changes.

P.S:- I cant use this.refresh(); function inside the save function because, there's another requirement for me to add a new row when pressing enter key.

Our users have reported this "bug": As content authors, they need to be able to view the current colors, fonts and styles of selected text in one document in order to reuse the same styling in another document.

Therefore the toolbar should reflect the format of the text where the caret is.

Thanks

The first TASK column will always have a value in every row. The second DEPARTMENT column will have some rows with a value. I would like to hide the DEPARTMENT grouping when there are no values within the first grouping of TASK.

I only best explain this visually.

The angular material looking tables are the grids where its grouping by DEPARTMENT even when there is data. 

 The tiny table with green rows is my very old school way of doing grouping. As you can see the last TASK row has 1 department grouping, whereas the other Task groups did not group by department because there is no department.

How do I accomplish this in Kendo Grid.I have search the forums and didn't find anything that lead me to a fix or hack. Your help is greatly appreciated. 

Attached is an image showing my two issues, including the questions I have. For more detail, keep reading.

For the tooltip, here is the code I use to generate it.

The Time field is your standard C# DateTime. I combed through the documentation but I couldn't find a way to format that date tool tip to be a readable date and time rather than the Unix Time Stamp. Is there a way to do that?

For the top right chart, I'm just curious if there's a way to for the x-axis labels to always be displayed below the chart body? Here is the code used to generate the charts

Thanks.

I've written a code to create a new row on enter keyup, when you're currently in the last row. But the issue I am facing is that, when you type some data and then press enter key, it doesnt create a new row. (It goes to the first cell of the first row.) I think the issue I am facing is because of the "this.refresh();" function which is being called under "save" function in the Kendo UI. I just can't get rid of that function since I'm using an aggregate functionality which i need to sum up all the values in all the tabs in the jsfiddle posted here. [ http://jsfiddle.net/aravind_93/w65y447p/1/ ]
May I know if there is any way such that a new row is created as well as the first cell of the newly created row is highlighted. PS: If there are 5 rows and I am currently in the 3rd row, if I press the enter key it should navigate to the subsequent row and highlight the first cell. (Since, in this case it is not the last row,I don't need to create a new row, but just navigate to the subsequent row on click.)
I've tried to make use of editable-cell properties, but nothing worked.
So, in short my question is to navigate to the subsequent row and highlight the first cell on enter key press(after or before entering data) and to create a new row on enter key press and highlight it's first cell.
save:function(e){this.refresh();}
^^This is the function responsible for refreshing the content of the Kendo Grid when data is entered.

Hi,

I have a grid with editable rows. After editing the row I have a context menu command that processes the data on the row and then I need that row to be removed.

So far everything works well until the moment that I need to remove the row.

I have tried many different ways but the one that is closest to working is this:

// After processing successfully, set grid row to non Edit
gridInstance.cancelRow();

// Grab the active row
var activeRow = $(gridInstance.element).find("tr.k-grid-edit-row");

//Remove the active row

gridInstance.removeRow(activeRow);

Even though this works ok on the UI (so the row does get removed successfully), 
I also get this javascript error: Cannot read property 'call' of undefined on the kendo.all.min.js
So there is an internal kendo bug there that you guys need to fix because I can't remove a row without getting this javascript error.

This error is a problem cause it causes other things to break.
Is there a way to remove a row programmatically from a grid without causing kendo bugs ? 

Hi,

I would expect that setting data-value-primitive="false" will override default behavior, however it appears that it does not work unless value is initialized to object. I would be really surprises is this is expected behavior. Would you please elaborate on this.

Thank you,

Maxim