Estoy usando net 6 con MVC en c#, El problema que tengo, es en la vista html, luego de recorrer el modelo de datos con un foreach y colocar un boton con un evento el recibe como parametro una lista de string a una funcion de javascript que inserte componentes html dentro de un div.
Cuando inspecciono el codigo generado luego de apretar el boton, veo que el evento onclick del boton se armo de la siguiente manera:
<div>
<button onclik="SowFiles(["file1","file2"])">Show Files</button>
</div>
lo cual rompe el componente html por las dobles comillas, intente reemplazarlas por comillas simples, pero no funciono, ¿ Como se le puede pasar una lista de string a una funcion de javascript ?
Gracias
El modelo de datos
public class NodeFile
{
public int Id { get; set; }
public string NodeName{ get; set; }
public List<string> fileNames { get; set; }
}
controlador de la vista:
public IActionResult Index()
{
List<NodeFile> lstFilesNodes = new List<NodeFile>();
lstFilesNodes.Add(new NodeFile { Id = 1, NodeName = "nodo1" });
lstFilesNodes.ForEach(node => { node.fileNames = new List<string> { "file1",
"file2" }; });
return View(lstFilesNodes);
}
El codigo completo de la vista es el siguiente
@model List<NodeFile>
@{
ViewData["Title"] = "Home Page";
}
@foreach (var item in Model)
{
var auxParameter = @Html.Raw(Json.Serialize(item.fileNames));
<div>
<button onclik="SowFiles(@auxParameter)">Show Files</button>
</div>
}
<div id="filesNamesDiv">
</div>
@section Scripts
{
<script>
$(document).ready(function () {
function SowFiles(fileNames) {
alert("si")
for (var i = 0; i < fileNames.lenght;i++) {
$("filesNamesDiv").append("<div>imagen</div>")
}
}
})
</script>
}