Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

227
Vistas
Migración de .cshtml a *.razor

¿Es posible usar Url.Content y scripts en DummyPage.razor? Es necesario implementar el código de DummyPage.cshtml a DummyPage.razor.

 @page "/apidocumentation" <div class="container-flex"> <div class="col-lg-12 control-section"> <div class="content-wrapper"> <div class="row"> <rapi-doc spec-url="@Url.Content("doc/api/dummy.json")"></rapi-doc> <section Scripts> <script src="@Url.Content("lib/rapidoc/dummy.js")"></script> </section> </div> </div> </div> </div> @code { }

about 4 years ago · Santiago Gelvez
1 Respuestas
Responde la pregunta

0

Necesita inyectar IJSRuntime para JS. Permite cargar código JavaScript a su componente.

Si su función JS tiene un nombre específico, puede llamar con esta función: InvokeAsync/InvokeVoidAsync .

Ejemplo:


Agregue una etiqueta de secuencia de comandos en su _Host.cshtml (PS ~ es igual a su carpeta wwwroot )

 ... <script src="~/js/myJS.js"></script> <script src="_framework/blazor.server.js"></script>

miJS.js

 function MyScript(name) { return "Hello " + name; }

Prueba.razor

 @page "/test" @inject IJSRuntime JS <p id="myId">@Text</p> <button @onclick="OnClick">Submit</button> @code { private string Text { get; set; } private async void OnClick() { var exampleText = "World!"; try { Text = await JS.InvokeAsync<string>("MyScript", exampleText); } catch(JSException ex) { Text = ex.Message; } StateHasChanged(); } }

Ejemplo después de pulsar el botón: Ejemplo de salida con JS

Si su secuencia de comandos JS usa una función de onload (por ejemplo), puede anular y usar la función OnAfterRenderAsync.

 protected override async Task OnAfterRenderAsync(bool firstRender) { //invoke only one time, after your component is loaded if (firstRender) { await JS.InvokeVoidAsync("onload"); } }

No sé rapi-doc, tal vez podrías pasar el json a través del backend con una variable.

about 4 years ago · Santiago Gelvez Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda