Pass More than One Control to Javascript Function

Question

I am having a problem with sending more than one control to a javascript function.

Here's My Code:

<telerik:GridTemplateColumn DataField="ExpirationPeriod" SortExpression="ExpirationPeriod"
                        GroupByExpression="ExpirationPeriod Group By ExpirationPeriod" AutoPostBackOnFilter="true"
                        FilterControlWidth="40px" HeaderText="Expiration Period" UniqueName="ExpirationPeriod">
                        <ItemTemplate>
                            <%# Eval("ExpirationPeriod")%>
                        </ItemTemplate>
                        <EditItemTemplate>
                            <font color="red"><strong>*</strong></font>
                            <telerik:RadNumericTextBox ID="TxtExpirationPeriod" Width="40px" onblur="doSomeWork(this, document.getElementById("<%=RfvExpirationPeriod.ClientID %>"));"
                                runat="server" MinValue="1">
                                <NumberFormat DecimalDigits="0" GroupSeparator="" />
                            </telerik:RadNumericTextBox>
                            <asp:RequiredFieldValidator ID="RfvExpirationPeriod" runat="server" ValidationGroup="save"
                                ErrorMessage="Required" ForeColor="Red" ControlToValidate="TxtExpirationPeriod"></asp:RequiredFieldValidator>
                        </EditItemTemplate>
                    </telerik:GridTemplateColumn>

so as it Explained i want to fire a javascript function called doSomeWork at the TxtExpirationPeriod onblur event with two controls (TxtExpirationPeriod, RfvExpirationPeriod).

Actuall i received the TxtExpirationPeriod control successfully but i didn't receive the RfvExpirationPeriod control and i have its value to be null

Here is My javascript Function:

<telerik:RadScriptBlock ID="RSBlock" runat="server">
<script type="text/javascript" language="javascript">
    function doSomeWork(ctrl1, ctrl2) {
        //Do Some Work with the two controls
        //ctrl1 is fine, I can get it
        //ctrl2 comes with null
    }
</script>

Please be notified that i can't find those controls directly in doSomeWork Function because i am in the edit mode of radgrid view and these controls are not visible.

Niyati · Accepted Answer · 2014-03-27 08:31:15Z

1

  check <%=RfvExpirationPeriod.ClientID %> this value whether you get this value not null
  if correct value then
   check document.getElementById("<%=RfvExpirationPeriod.ClientID %>") 
  one of the result may be null.

answered Mar 27, 2014 at 8:31

Niyati

14610 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Amr Deif Over a year ago

It gives me the following error 'The name 'TxtExpirationPeriod' does not exist in the current context' and this is what i notified at the post end, Because these controls are not visible as the are in the grid view edit mode. So i thought to send these controls with onblur event, So what i am facing exactly is that one of the two controls which is the 'TxtExpirationPeriod' sent successfully but the other one 'RfvExpirationPeriod' can't be sent to the function and goes with null value. Hope you understand me now

Amr Deif Over a year ago

Thanks For your reply. This is what you are doing 'onblur="doSomeWork(this,5)"' Sending the control that caused blur and a static value with it. Now could you replace the static value '5' with another control Client Id. I did that by using That 'onblur="doSomeWork(this, document.getElementById("<%=RfvExpirationPeriod.ClientID %>"));" ' But it didn't work. Any Ideas?

Niyati Over a year ago

i think your second control becomes null because no element with that client id exist and you are trying to fetch element having that client id. or it may be happen that client id itself null then you can't get that element , i gave 2 controls and its work so error is in document.getElementById("<%=RfvExpirationPeriod.ClientID %>")

Amr Deif Over a year ago

I am grateful to your answer. Could you provide me with example that fetch my scenario?

Collectives™ on Stack Overflow

Pass More than One Control to Javascript Function

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related