funzioni Javascript all'interno ASP.NET controllo utente

Question

ho creato controllo utente ASP.NET con funzione 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"/> 

voglio chiamare la funzione "esempio" quando l'utente movimento del mouse a pulsante, così ho aggiunto l'attributo per il tasto :

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

funziona bene, ma quando ho bisogno di due controlli sulla stessa pagina ho ottenuto un problema. ASP.NET genera codice con due funzioni con lo stesso nome, ciò che è sbagliato:

<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()" /> 

E sempre onmouseover eventi su qualsiasi pulsante chiamerà seconda funzione. Sono in grado di risolvere questo problema aggiungendo il codice di script java con ID client direttamente per attribuire a onmouseover.

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

Ma per me non è una soluzione molto armoniosa. Si prega di avvisare, come posso risolvere meglio tale problema.

P.S. Ci sarà molto più codice Javascript, ho aggiunto due tomaie solo per esempio.

Answer 1

È necessario registrare i propri script con ClientScriptManager - questo modo possono essere registrati una sola volta, indipendentemente da quante volte il controllo è stato aggiunto alla pagina:

// 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); 
} 

Answer 2

È necessario utilizzare this.id

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

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

Così, anche se occorrono due o più controlli uguali nella stessa pagina, avranno ID diversi. Spero che questo aiuti! acclamazioni :)

Answer 3

ho trovato una soluzione in un altro sito, che permette di utilizzare file esterno

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

{ 

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

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

}