Disable textbox in RadGrid using Javascript/JQuery

[Atchut]

Hello,

I have 2 textboxes in same row. I want to disable the other textbox, if text changes in one textbox.

How can I do this using Javascript/ Jquery.?

I have multiple grids in the same page.

[Jayesh Goyani]

Hello Atchut,

<telerik:GridTemplateColumn>
                       <ItemTemplate>
                           <telerik:RadTextBox ID="RadTextBox1" runat="server">
                               <ClientEvents OnValueChanging="ValueChanged"/>
                           </telerik:RadTextBox>
                       </ItemTemplate>
                   </telerik:GridTemplateColumn>
                   <telerik:GridTemplateColumn>
                       <ItemTemplate>
                           <telerik:RadTextBox ID="RadTextBox2" runat="server">

                           </telerik:RadTextBox>
                       </ItemTemplate>
                   </telerik:GridTemplateColumn>

<script type="text/javascript">

            function ValueChanged(sender, args) {
                var senderid = sender.get_id();
                var strtext = $find(senderid).get_value();
                var txt2 = $find(senderid.replace('RadTextBox1', 'RadTextBox2'));
                if (strtext.length > 0) {
                    txt2.set_enabled(false);

                }
                else {
                    txt2.set_enabled(true);

                }

            }

        </script>

Thanks,
Jayesh Goyani

[Atchut]

Hello Jayesh,

Thanks for your response. The script is working but still I am able to enter text into disbaled textbox.
What would be the reason?

[Atchut]

Hello Jayesh,

It is because tab is moving to next textbox. I have to disable that tab also.

[Jayesh Goyani]

Hello,

<telerik:GridTemplateColumn>
                        <ItemTemplate>
                            <telerik:RadTextBox ID="RadTextBox1" runat="server">
                                <ClientEvents OnValueChanging="ValueChanged" />
                            </telerik:RadTextBox>
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridTemplateColumn>
                        <ItemTemplate>
                            <telerik:RadTextBox ID="RadTextBox2" runat="server">
                            <ClientEvents OnKeyPress="KeyPres" />
                            </telerik:RadTextBox>
                        </ItemTemplate>
                    </telerik:GridTemplateColumn>

function ValueChanged(sender, args) {

               var senderid = sender.get_id();
               var strtext = $find(senderid).get_value();
               var txt2 = $find(senderid.replace('RadTextBox1', 'RadTextBox2'));
               if (strtext.length > 0) {
                   txt2.set_enabled(false);

               }
               else {
                   txt2.set_enabled(true);

               }

           }

           function KeyPres(sender, arge) {
               if (sender.get_enabled() == false) {
                   arge.set_cancel(true);
               }
           }

Thanks,
Jayesh Goyani