How to enable a control after a row is selected in Radgrid

[Elton]

Im using a Radgrid. I have a Textbox that is disabled, but I would like to enable it when any row is selected in the Radgrid.

[J]

Add the following after your grid's opening tag and before the MasterTableView opening tag:

<ClientSettings
    <ClientEvents OnRowSelected="RowSelected"  />
</ClientSettings>

Then, add javascript to handle the event and enable your text box:

/// <summary>
/// Handles the client side RowSelected event of the grid.
/// </summary>
function RowSelected(sender, eventArgs) {
    //Put code here to update your UI now that a row is selected
}

[Jayesh Goyani]

Hello,

Please try with below code snippet.

function RowSelected(sender, args) {
                EnableDisableTextBox();
            }

            function RowDeselected(sender, args) {
                EnableDisableTextBox();
            }

            function EnableDisableTextBox() {
                var grid = $find("<%=RadGrid1.ClientID %>");

                if (grid) {
                    var MasterTable = grid.get_masterTableView();
                    var SlectedRowCount = grid.get_selectedItems().length;

                    if (SlectedRowCount != null && SlectedRowCount != undefined) {
                        if (parseInt(SlectedRowCount) > 0) {
                            // Set your TextBox in Enable mode
                        }
                        else {
                            // Set your TextBox in Disable mode
                        }
                    }
                    else {
                    // Set your TextBox in Disable mode
                    }
                }
            }

<ClientSettings >
              <Selecting AllowRowSelect="true"  />
              <ClientEvents OnRowSelected="RowSelected" OnRowDeselected="RowDeselected" />
          </ClientSettings>

Thanks.
Jayesh Goyani

[Elton]

Cant actually seem to get it to work, I get no errors

     

 function EnableDisableTextBox() {<br>
            var grid = $find("<%=RadGrid1.ClientID %>");<br>
<br>
            if (grid) {<br>
                var MasterTable = grid.get_masterTableView();<br>
                var SlectedRowCount = grid.get_selectedItems().length;<br>
<br>
                if (SlectedRowCount != null && SlectedRowCount != undefined) {<br>
                    if (parseInt(SlectedRowCount) > 0) {<br>
                        document.getElementById('<%= Button1.ClientID %>').disabled = false;<br>
                    }<br>
                    else {<br>
                        document.getElementById('<%= Button1.ClientID %>').disabled = true;<br>
                    }<br>
                }<br>
                else {<br>
                    document.getElementById('<%= Button1.ClientID %>').disabled = true;<br>
                }<br>
            }<br>
        }

[J]

Have you verified that the function is being called and the RowSelected event being fired?  And can you post your grid's markup and the javascript for the RowSelected event handler?

[Elton]

Got it workings thanks, tinkered around with the page load.