Can we have the Instructional text of Grouping to appear always even after we do Grouping by 1 column

[Mansoor]

Hi

My client has an requirement to show the instructional text 'Drag a column header and drop it here to group by that column' to appear always even though we do already have a grouping done.

Currently the text appears only when no grouping is done and disappears as soon as we do a group by any one of the column but my requirement is to make this text appear all the time.

Please try on this fiddle where there is default grouping on one of the column.

http://jsfiddle.net/Mans/j7cvN/3/

I have tried doing it in Databound event but was not lucky since it is disappearing.

Thanks in advance

[Dimiter Madjarov]

Hello Mansoor,


I would suggest to implement this custom solution in a setTimeout call inside the dataBound event handler.
E.g.

function dataBound(e) {
    setTimeout(function () {
        var grid = $("#grid").data("kendoGrid");
        var groupHeader = grid.wrapper.find(".k-grouping-header");
        var groupHeaderText = groupHeader.clone().children().remove().end().text();

        if (!groupHeaderText) {
            groupHeader.append("Drag a column header and drop it here to group by that column");
        }
    });
}

Here is the updated jsFiddle example. I wish you a great day!

Regards,
Dimiter Madjarov
Telerik