Jak połączyć plik JS z modułami, kontrolami i szablonami w dotnetnuke?

Question

Jestem nowy w dotnetnuke, więc nie wiem jak połączyć plik js z modułem, kontrola szablonów w dotnetnuke.

Czy ktoś może mi pomóc proszę ...

Answer 1

Jeżeli chcesz dołączyć pliki JS należy umieścić je w folderze w module (zazwyczaj folder JS)

Następnie w kodzie można użyć następującą składnię

ClientResourceManager.RegisterScript(Parent.Page, "~/Resources/Shared/scripts/knockout.js"); 
ClientResourceManager.RegisterScript(Parent.Page, "~/desktopmodules/DnnChat/scripts/moment.min.js"); 
ClientResourceManager.RegisterScript(Parent.Page, "~/desktopmodules/DnnChat/scripts/DnnChat.js",150); 

przykład z: https://github.com/ChrisHammond/dnnCHAT/blob/master/View.ascx.cs

Answer 2

nie wierzę, że odpowiedź Chrisa Hammonda pozwoliłoby to wykorzystać Framework zależności klienta, który umożliwia kompresję, minimalizację i łączenie plików. Uważam, że lepiej jest użyć DNNJsInclude. Możesz dowiedzieć się więcej tutaj: http://www.dotnetnuke.com/Resources/Wiki/Page/Client-Resource-Management-API.aspx

Answer 3

Tak to robię. Zbudowałem tę funkcję pomocnika. Uwaga: wymaga dnn 6.1 i powyżej

protected void InsertClientScripts(string scriptUrl, int priority = 100, ScriptLocation scriptLocation = ScriptLocation.Default) 
{ 
    switch (scriptLocation) 
    { 
     case ScriptLocation.Header: 
      ClientResourceManager.RegisterScript(this.Page, scriptUrl, priority, "DnnPageHeaderProvider"); 
      break; 
     case ScriptLocation.BodyTop: 
      ClientResourceManager.RegisterScript(this.Page, scriptUrl, priority, "DnnBodyProvider"); 
      break; 
     default: 
      ClientResourceManager.RegisterScript(this.Page, scriptUrl, priority, "DnnFormBottomProvider"); 
      break; 
    } 
} 

public enum ScriptLocation 
{ 
    Header, 
    BodyTop, 
    Default 
} 

To pozwoli Ci wykorzystać wbudowany klient Dependency Framework. Unikasz wstawiania skryptu, jeśli już istnieje, pozwala na kompresję, możesz określić położenie (nagłówek, treść, ciało-dół), a także ustawić priorytet skryptu. Jak widać, domyślnym priorytetem jest 100 (mniejsza liczba oznacza, że ​​zostanie umieszczona wyżej), a domyślna lokalizacja dla skryptów jest najniższa. Powodzenia.