[Solved] Iterate through selected rows clientside

[Roel]

Hi,

I am trying to iterate through selected items in a radgrid (using client side selection) and to retrieve the value of the DataKeyNames (in this case ItemID) and to add that to a string using a semicolon as a seperator for each ItemID.

How can I achieve this?

Regards
Roel

[Petja]

Hi Roel,

Here is a sample code you can achieve the desired functionality with:

<script type="text/javascript">
function Click()
{
    var grid = $find("<%=RadGrid1.ClientID %>");
    var selectedUniqueNames = "";
    var gridSelectedItems = grid.get_masterTableView().get_selectedItems();
    for (var i=0; i<gridSelectedItems.length; i++)
    {
        selectedUniqueNames += gridSelectedItems[i].getDataKeyValue("CustomerID") + ";";
    }
    alert(selectedUniqueNames);
 }
</script>

<telerik:RadGrid ID="RadGrid1" runat="server" AllowMultiRowSelection="true" DataSourceID="ADS1">
    <MasterTableView DataKeyNames="CustomerID" ClientDataKeyNames="CustomerID">
    </MasterTableView>
    <ClientSettings ApplyStylesOnClient="True">
        <Selecting AllowRowSelect="true" />
    </ClientSettings>
</telerik:RadGrid>
<input id="Input1" runat="server" type="button" value="GetSelectedGridItems" onclick="Click()" />
<asp:AccessDataSource ID="ADS1" runat="server" DataFile="~/App_Data/Nwind.mdb" SelectCommand="SELECT top 10 [CustomerID], [CompanyName] FROM [Customers]">
</asp:AccessDataSource>

We hope that helps.

All the best,
Petja
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Roel]

Hi,

Thanks for your prompt support.

Although the sample code was not working with the Prometheus RadGrid. It got me in the right direction:

function ShowSelectedItems()
{
    var masterTable = $find("<%= gridItems.ClientID %>").get_masterTableView();
    var gridSelectedItems = masterTable.get_selectedItems(); 
    var selectedItems = ""; 
    for (var i=0; i<gridSelectedItems.length; i++) 
    { 
    selectedItems += gridSelectedItems[i].getDataKeyValue("ItemID") + ";"; 
    } 
    alert(selectedItems);
} 

<telerik:RadGrid ID="grdItemd" DataSourceID="AccessDataSource1" runat="server" Skin="Default">
    <MasterTableView Width="100%" ClientDataKeyNames="ItemID />
    <ClientSettings >
        <Selecting AllowRowSelect="True" />
    </ClientSettings>