CheckBox Client Side Question

[Mike]

I have a RadGrid with a GridClientSelectColumn. 

 <telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" HeaderStyle-Width="25" />

There is also a GridBoundColumn that I would like to access.

<telerik:GridBoundColumn SortExpression="City" HeaderText="City" HeaderButtonType="TextButton" DataField="City" />

If I check a couple of the checkboxes in the grid how do I get the ClientSelectColumn and the GridBoundColumn value with JavaScript using OnClientClick?

Help Please!

Thank you!

[Shinu]

Hi George,

Set the UniqueName property for the bound column and try the following code snippet to achieve the desired scenario.

CS:

 protected void RadGrid2_ItemDataBound(object sender, GridItemEventArgs e)
    {
        if (e.Item is GridDataItem)
        {
            GridDataItem item = (GridDataItem)e.Item;
            int rowIndx = item.ItemIndex;
            CheckBox chkbx = (CheckBox)item["ClientSelectColumn"].Controls[0];
            chkbx.Attributes.Add("OnClick", "return Show('" + rowIndx + "');");

        }
    }

JS:

 <script type="text/javascript" language="javascript" >

         function Show(rowIndx)
         {
          var grid = $find("<%=RadGrid2.ClientID %>");
          var MasterTable = grid.get_masterTableView();

         var row = MasterTable.get_dataItems()[rowIndx];

         var cell = MasterTable.getCellByColumnUniqueName(row, "City");
         alert(cell.innerHTML)
         }

 </script >

Thanks
Shinu.

[Mike]

I like this approach, but I want to loop through all the checked items when someone hits the submit button. 

This works just dandy! But I need the alert to have "Yes" and "Cancel" buttons.  Currently the alert only has a "Yes" :(

   function Click()
        {
            var grid = $find("<%=RadGrid1.ClientID %>");
            var selectedUniqueNames = "";
            var gridgridSelectedItems = grid.get_masterTableView().get_selectedItems();
            for (var i=0; i<gridSelectedItems.length; i++)
            {
                selectedUniqueNames += "Priority " + gridSelectedItems[i].getDataKeyValue("Row") + " User " + gridSelectedItems[i].getDataKeyValue("City") + "\n";
            }
            alert(selectedUniqueNames);
            return false;
          }

[Shinu]

Hi George,

Try setting the confirm message instead of alert as shown below.

JS:

function Click()
        {
            var grid = $find("<%=RadGrid1.ClientID %>");
            var selectedUniqueNames = "";
            var gridgridgridSelectedItems = grid.get_masterTableView().get_selectedItems();
            for (var i=0; i<gridSelectedItems.length; i++)
            {
                selectedUniqueNames += "Priority " + gridSelectedItems[i].getDataKeyValue("Row") + " User " + gridSelectedItems[i].getDataKeyValue("City") + "\n";
            }
            confirm(selectedUniqueNames);
            return false;
          }

Thanks
Shinu.

[Mike]

Great, I did that but the form still submits even when I click on the cancel button. :(