Hi,

I am wondering why on the select event for the Spreadsheet control I am seeing the previous active cell and not the one I just clicked on? Is there any way I can get the cell I last clicked on?

The function I am calling from the select event looks like this:

  function onSelect(e) {

    var spreadsheet = e.sender; // Get the Spreadsheet widget
    var selectedCell = spreadsheet.activeSheet().activeCell();


    console.log("on select event the cell value " + selectedCell);

  }

Here is a Dojo link with an example:

Calling Read From dataSource Transport: | Kendo UI Dojo (telerik.com)

Thanks,

George

If you have a page with Telerik UI for ASP.NET AJAX RadHtmlChart and try to add Kendo UI for jQuery Notification to that page...

The JavaScript:

var notif = jqueryobject.kendoNotification({appendTo: "#appendto"}).data("kendoNotification");

You cannot call notif.show() because notif is undefined.

We added a kendoNotification to our skin and on pages that use Telerik UI for ASP.NET AJAX RadHtmlChart causes this problem. Other pages with other Telerik UI for ASP.NET AJAX controls work fine.

We have also seen this issue on one other Telerik UI for ASP.NET AJAX control: RadClientDataSource

Any work-around to get this working?

Hi,

I know that there are hacky workarounds to still achieve this, but I was wondering if you could add this to your api please. At present if you change your chat widget then someone will probably need to change our code also.

For example, we load 10 chat messages at a time and when the user scrolls to the top we get the next 10 messages and prepend them to the top of the list and update the scrollbar position accordingly. If we use your api all messages are added to the bottom.

Cheers

Simon

When a long event.title text wraps onto a second line the text on the second line is not vertically aligned with the start of first line (see screenshot).

Is there a good solution to ensure the second line is aligned with the first?

This is an odd request, I know. I have a client asking for a tree list style grid that opens up instead of down when you click on a parent field. They want this so that, when expanded, it matches their excel spreadsheets which have children at the top and subtotals at the bottom of each category followed by grand totals. Basically, think of the whole table body being flipped upside down like this (but it should be a grid with multiple columns): 

    Child of 1
    Child of 1
    Child of 1
Parent 1
    Child of 2
        Grandchild of 2a
    Child of 2 (2a)
Parent 2

Hii,

While exporting the data to excel the hidden columns appear for some time (some seconds) and disappear in kendo angular js, as I am hiding those column on grid using hidden: true and showing in the excel using showColumn(1), and I am experiencing the stange behavoir that after data exporting to the excel from the grid (includes available column on the grid and hidden columns as well), it shows hidden columns with data for some seconds on the grid and disappear and grid regain its original state, how to fix this behavior?

(Using, Kendo UI, angular Js, Jquery) and tried timeout, showing and hiding loader, css but not worked.

I am trying to detect whether the rows in a spreadsheet have been changed. Thus far I haven't been able to get the dirty or isDirty flag to work with the dataSource that I am binding to the spreadSheet control.

Here is my dataSource:

            $("#spreadsheet").kendoSpreadsheet({
                columns: 20,
                rows: 200,
                toolbar: true,
                sheetsbar: true,
                dataSource: dataSource,
                width: "100%"
            });

Button control:

I click this button to check for dirty rows in the dataSouce:

            //render and initialize button:
            $("#save-sheet-btn").kendoButton({
                icon: "forward",
                themeColor: "primary",
                click: saveSheet 
            });

Button:

the saveSheet function mapped to the click option looks like this:

        function saveSheet() {

            var currSpreadSheet = $("#spreadsheet").data("kendoSpreadsheet");
            var data = dataSource.data();

            var dirtyItems = $.grep(dataSource.view(), function (e) {

                return e.dirty === true;
            });

            console.log("Modified rows:", dirtyItems);

        };

I am trying to avoid sending back the entire sheet structure or data source when I want to save the spreadsheet contents, as the dataSource in the real program could get very large (1000 + records)..and only send back the rows that have been edited... that is why I am trying to detect them copy them to a smaller structure and send them in a request body (HTML POST).

How I have been testing it:

(1) Page loads, initializing in a jQuery: $(document).ready(function () {}) block.
(2) Change a cell value.
(3) Click the save button
(4) View the onclick function consol.log(...) and look within the array for any indication that the row dirty flag has been tripped.

Thus far the array is empty.... so what am I missing? I am not using any of the transport options, and maybe I should? also I usually have to grab the data from a  .NET Web API... and the response comes back in the form of a JSON array similar to the below Dojo page.

As you can see the initialization of the spreadSheet, dataSource and button in this example is pretty bare bones... I only like to initialize kendo ui widgets/components with the bare minimum I have to.  So. there are options missing. My full example code is located here:

UPDATED:

Spreadsheet |Save If Dirty | Kendo UI Dojo (telerik.com)

Thanks again for your help and patience!
George