I am trying to get CLientID inside the .ascx (user control mark-up) file.

While this

My id is: <%=this.ClientID%>

renders as My id is: fracTemplateCtrl

This:

        <asp:Button ID="btnSave" runat="server" Text="Save Template" onclick="btnSave_Click" OnClientClick="return confirmSave('<%=this.ClientID%>');" />

renders as (inside Source code):

        <input type="submit" name="fracTemplateCtrl$btnSave" value="Save Template" onclick="return confirmSave('&lt;%=this.ClientID%>');" id="fracTemplateCtrl_btnSave" />

Clearly, ClientId property does not get evaluated in the second case. How do I overe this issue? (aside from hardcoding, which is not the answer, I would like to make the user control independent)

I am trying to get CLientID inside the .ascx (user control mark-up) file.

While this

My id is: <%=this.ClientID%>

renders as My id is: fracTemplateCtrl

This:

        <asp:Button ID="btnSave" runat="server" Text="Save Template" onclick="btnSave_Click" OnClientClick="return confirmSave('<%=this.ClientID%>');" />

renders as (inside Source code):

        <input type="submit" name="fracTemplateCtrl$btnSave" value="Save Template" onclick="return confirmSave('&lt;%=this.ClientID%>');" id="fracTemplateCtrl_btnSave" />

Clearly, ClientId property does not get evaluated in the second case. How do I overe this issue? (aside from hardcoding, which is not the answer, I would like to make the user control independent)

• javascript
• user-controls
• ascx

2 Answers 2

You could set the OnClientClick property's value server-side like this:

btnSave.OnClientClick = "return confirmSave('" + this.ClientID + "')";

Try this instead

<asp:Button ID="btnSave" runat="server" Text="Save Template" onclick="btnSave_Click" OnClientClick="return confirmSave(this.id);" />