Fonctions Javascript dans le contrôle utilisateur ASP.NET

J'ai créé ASP.NET de contrôle de l'utilisateur avec la fonction javascript :

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="TestControl.ascx.cs" Inherits="BingTranslator.Web.WebUserControl1" %>
<script type="text/javascript">
    function example() {
        alert('<%=ExampleButton.ClientID%>');
        return false;
    }
</script>
<asp:Button ID="ExampleButton" runat="server" Text="Example"/>

Je veux l'appeler "l'exemple" de la fonction lorsque l'utilisateur déplacez la souris vers le bouton, j'ai donc ajouté l'attribut de bouton:

ExampleButton.Attributes.Add("onmouseover", "example()");

Il fonctionne bien, mais quand j'ai besoin de deux contrôles sur la même page j'ai un problème. ASP.NET génère un code à deux fonctions avec le même nom, ce qui est faux:

<script type="text/javascript">
    function example() {
        alert('TestControl1_ExampleButton');
        return false;
    }
</script>
<input type="submit" name="TestControl1$ExampleButton" value="Example" id="TestControl1_ExampleButton" onmouseover="example()" />


<script type="text/javascript">
    function example() {
        alert('TestControl2_ExampleButton');
        return false;
    }
</script>
<input type="submit" name="TestControl2$ExampleButton" value="Example" id="TestControl2_ExampleButton" onmouseover="example()" />

Et toujours événement onmouseover sur n'importe quel bouton pour appeler la seconde fonction. Je suis en mesure de résoudre ce problème par l'ajout de code java script avec l'Id client directement à attriburte onmouseover.

ExampleButton.Attributes.Add("onmouseover", "[Here will be javascript code]");

Mais il n'est pas très harmonieux solution pour moi. Veuillez informer, comment je peux mieux résoudre ce genre de problème.

P. S. Il y aura plus de code Javascript, j'ai ajouté deux cordes supérieur juste pour exemple.

source d'informationauteur Anton

  1. 7

    Vous devez enregistrer vos scripts avec ClientScriptManager - de cette façon, ils peuvent être enregistré qu'une seule fois, indépendamment de la façon dont souvent le contrôle a été ajouté à la page:

    //Get a ClientScriptManager reference from the Page class.
ClientScriptManager cs = Page.ClientScript;

//Check to see if the startup script is already registered.
if (!cs.IsStartupScriptRegistered(cstype, csname1))
{
  String cstext1 = "alert('Hello World');";
  cs.RegisterStartupScript(cstype, csname1, cstext1, true);
}
  2. 21

    J'ai trouvé une solution sur un autre site qui vous permet d'utiliser un fichier externe

    if (!Page.ClientScript.IsClientScriptIncludeRegistered("key"))

{

   string url = ResolveClientUrl("~/Scripts/file.js");

   Page.ClientScript.RegisterClientScriptInclude("key", url);

}
  3. 8

    Vous devez utiliser this.id

    $(document).ready(function () {
    load_v<%= this.ID %>    
});

function load_v<%= this.ID %>(fromclick) {
    alert('anything');
}

    De sorte que même si vous avez besoin de deux ou plus de même des contrôles dans la même page, ils auront des identifiants différents.
    Espérons que cette Aide! cheers 🙂