Disable textbox in RadGrid using Javascript/JQuery

[Atchut]

Hello,

I have two textboxes in a row and Having checkbox to select and deselect the row.

If I uncheck the checkbox, I want to disable the two textboxes. 

If I check the checkbox, I want to enable the two textboxes.

How can I do this on client side ?

TIA

[Shinu]

Hi Tia,

Try the following javascript to disable and enable textbox on selecting or deselecting the row.
JS:

function OnRowSelected(sender, args)
{
 var masterTable = sender.get_masterTableView();
 var selectedrow = masterTable.get_selectedItems();
 for (var i = 0; i < selectedrow.length; i++)
 {
  var textbox = selectedrow[i].findElement('TextBox1');
  textbox.disabled = true;
 }
}
function OnRowDeselected(sender, args)
{
 var masterTable = sender.get_masterTableView();
 var selectedrow = masterTable.get_selectedItems();
 for (var i = 0; i < selectedrow.length; i++)
 {
  var textbox = selectedrow[i].findElement('TextBox1');
  textbox.disabled = false;
 }
}

Thanks,
Shinu.

[Atchut]

textbox.disabled = true; 
true and false is not working.

and more over, if the grid is having only one row, it is taking length as 0 and it is not going to loop

[Jayesh Goyani]

Hello,

Please check below link/demo.
http://www.telerik.com/community/forums/aspnet-ajax/grid/disable-textbox-in-radgrid-using-javascript-jquery.aspx

Let me know if any concern.

Thanks,
Jayesh Goyani

[Atchut]

Hello Jayesh,

set_enabled(true) is not working 

[Shinu]

Hello Tia,

Make sure that you have not set EnablePostBackOnRowClick as true. For a single row, access the textbox using the following javascript.
JS:

var selectedrow = masterTable.get_selectedItems();
var textbox = selectedrow[0].findElement('TextBox1');

Hope this helps.

Thanks,
Shinu.

[Atchut]

Hello
textbox.disabled = true;  

I am able to access the textboxes. but after accessing textbox, the above code to disable/enable is not working.

TIA

[Elliott]

isn't the property Enabled?
try textbox.Enabled=false;
or
textbox.Enabled=True;

[Atchut]

I tried Enabled also. It is not working.

Is there anyway that I can Disable the whole row when I check on Checkbox

[Elliott]

did you look at this?
http://www.telerik.com/community/forums/aspnet-ajax/grid/how-to-disable-specific-row-selection-in-rad-grid-based-on-specific-column-value.aspx