Programmgesteuertes Hinzufügen von Javascript-Datei zum Benutzersteuerelement in .net

Question

Wie fügen Sie Javascript-Datei programmgesteuert zum Benutzersteuerelement hinzu?

Ich möchte, dass die Benutzersteuerung ein komplettes Paket ist - dh ich möchte kein Javascript hinzufügen, das mit dem Benutzersteuerelement auf der Seite verwandt wird, auf der es verwendet wird, wenn ich es in dem Steuerelement selbst tun kann.

Da in der Benutzersteuerung kein Page-Objekt vorhanden ist, wie würden Sie es tun?

Answer 1

Im Page_Load Methode der control.ascx.cs Datei:

LiteralControl jsResource = new LiteralControl(); 
jsResource.Text = "<script type=\"text/javascript\" src=\"js/mini-template-control.js\"></script>"; 
Page.Header.Controls.Add(jsResource); 

HtmlLink stylesLink = new HtmlLink(); 
stylesLink.Attributes["rel"] = "stylesheet"; 
stylesLink.Attributes["type"] = "text/css"; 
stylesLink.Href = "css/mini-template-control.css"; 
Page.Header.Controls.Add(stylesLink); 

Dies wird geladen css und Javascript in das head-Tag der Hauptseite, stelle einfach sicher, dass der Kopf runat = "server" hat.

Answer 2

Normalerweise mache ich es beim Rendern der HTML für das Steuerelement und abhängig davon, ob es eine Bibliotheksinjektion oder eine Instanzinjektion ist, verwende ich die Items-Auflistung, um anzugeben, ob ich den Code für ein Steuerelement dieses Typs bereits erzeugt habe die aktuelle Anfrage unter Verwendung einer eindeutigen Kennung.

etwas in der Art von:

protected override void Render(HtmlTextWriter writer) 
    { 
     base.Render(writer); 

     //Check if the Object Script has already been rendered during this request. 
     if (!Context.Items.Contains("xxx")) 
     { 
      //Specify that the Object Script has been rendered during this request. 
      Context.Items.Add("xxx", string.Empty); 
      //Write the script to the page via the control 
      writer.Write([libraryinjection]); 
     } 
     //Write the script that instantiates a new instance for this control 
     writer.Write([instanceinjection]); 
    } 

Answer 3

können Sie Clientskript registrieren ClientScriptManager umfasst die Verwendung. Die Seite ist über die Control.Page-Eigenschaft zugänglich.

Page.ClientScript.RegisterClientScriptInclude (
    typeof (MyControl), "includeme.js", "js/includeme.js" ); 

EDIT: Sorry, für insgesamt "Komplettpaket", ist es möglich mit Hilfe von Skripten als eingebettete Ressourcen, und aquire dynamische URL durch den WebResource.axd Handler. Wenn dies nicht als vollständig abgeschlossen betrachtet wird, dann denke ich, es könnte in App_LocalResources eingefügt werden, aber es wird nie nur eine Datei sein, , es sei denn, der Code und das Skript ist inline.

Answer 4

Wenn Sie den Text des tatsächlichen Javascript in Ihrer .CS-Datei haben, können Sie Page.ClientScript.RegisterClientScriptBlock aufrufen.

Im Folgenden wird vorausgesetzt, dass "GetScript()" das tatsächliche Javascript zurückgibt, das dem gerenderten Steuerelement hinzugefügt werden soll.

Page.ClientScript.RegisterClientScriptBlock(GetType(), "controlScriptName", GetScript()); 

Answer 5

Gute Frage!

Ein UserControl sollte ein einzelnes Paket ohne Abhängigkeit von einer JavaScript- oder CSS-Datei sein. Sie müssen die JS- und CSS-Dateien als eingebettete Ressourcen erstellen. Klicken Sie mit der rechten Maustaste auf Eigenschaften, und legen Sie die Build-Aktion auf eingebettete Ressourcen fest. Dann müssen Sie die JavaScript- und CSS-Dateien als WebResources einfügen. Hier

ist ein Artikel, den ich gestern schrieb, die über das gleiche Szenario spricht:

http://highoncoding.com/Articles/502_Creating_RadioButton_Validation_Using_Custom_Validator.aspx

Answer 6

die gleiche wie gnomixa Antwort, nur ein bisschen sauberer:

HtmlGenericControl js = new HtmlGenericControl("script"); 
js.Attributes["type"] = "text/javascript"; 
js.Attributes["src"] = "jscript/formfunctions.js"; 
Page.Header.Controls.Add(js); 

von http://www.aspdotnetfaq.com/Faq/How-to-Programmatically-add-JavaScript-File-to-Asp-Net-page.aspx

Answer 7

In meiner Seite Platz, den ich alle benötigten Skripte und Stile

<asp:placeHolder runat="Server" ID="phHead"> 
    <script src="/header/widget/script.js" type="text/javascript"></script> 
    <link href="/header/widget/style.css" rel="stylesheet" type="text/css" /> 
</asp:placeHolder> 

und

Platzhalter

Private Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load 
    Page.Header.Controls.Add(phHead) 
End Sub 

Answer 8

Ich fand, dass dies eine elegantere Möglichkeit ist, eine Verknüpfung zu Ihrem Javascript herzustellen.
In Ihrem .ascx, Link zu Ihren Skriptdateien die folgende Art und Weise:

<script src='<%= ResolveClientUrl("~/Scripts/jquery-1.7.1.min.js") %>' type="text/javascript"></script> 
<script src='<%= ResolveClientUrl("~/Scripts/jquery.maskedinput-1.3.min.js") %>' type="text/javascript"></script> 

auf diese Weise, unabhängig davon, welche Unterordner/Seite Sie Ihre Benutzerverwaltung hinzuzufügen, wird der Link zu Ihren Skripte wird immer korrekt aufgelöst.