Getting count of selected rows in grid

[David]

Hello Everyone,

I am relatively new to Kendo. I have a question is it possible to get the count of selected rows in a column and added it to the paging bar? If so how? I have highlighted the area in a screenshot. 

 

 

 

 

[Petar]

Hi David,

Here is an example of how targeted functionality can be implemented. To realize it the dataBound and change events of the Grid are used. 

Once the dataBound event is triggered, the following code is executed. It adds a DOM element after the pager of the Grid. 

var pagerElement = this.pager.element;
if (!pagerElement.find(".myCustomElement").length) {
      pagerElement
         .append('<div class="myCustomElement">No rows are selected</div>');
}

Once a user selects a row in the Grid, the below code is executed. 

var rows = e.sender.select();
if(rows.length !== 0){
    $(".myCustomElement").text("Number of selected elements: " + rows.length)
}
else {
    $(".myCustomElement").text("No rows are selected")
}

Based on the code in yellow, the text inside our custom element is changed. The code in green uses the select method of the Grid to get the currently selected rows. 

I hope the example demonstrates what you want to implement.

Regards,
Petar
Progress Telerik

[David]

Thank you. That is what I was looking for.

[Petar]

You are welcome, David!

 

Regards,
Petar
Progress Telerik