Skip to main content
3 de 3
Selecciona lo que es código y luego utiliza el { } que salen en la parte superior

Dudas sobre Error en javaScript,

Actualmente estoy trabajando con entity framework y ajax, tengo un metodo en ajax que me regresa una lista que puedo cargar en una tabla y cuando quiero escoger alguno item en especial doy click a la fila y estos datos los carga en formulario, generalmento los cargo en TextBoxFor:

@Html.TextBoxFor(model => model.SubjectId, new { @class = "form-control", @required = "Required", @id = "SubjectTxt", @style = "visibility:hidden" })

el problema esta en que la funcion que tengo en javascript para que cargue esta funcion lo hace perfectamente para numeros pero cuando los datos son caracteres o tipo string me aparece este error, en este caso Lectoescritura es el contenido de la variable que quiero pasar:

Create:1 Uncaught ReferenceError: Lectoescritura is not defined
at HTMLInputElement.onclick

El metodo onclick que va a la funcion es:

"<input type='button' onclick='PasarMateria(" + value.SubjectId + "," + value.NameSubject + " )' class='btn btn-warning' value='Seleccionar' data-dismiss='modal'>" 

y la funcion en javascript:

function PasarMateria(SubjectId, NameSubject) {
        
        $("#SubjectTxt").val(SubjectId);
        $("#SubjectLbn").val(NameSubject);           

        console.log(SubjectId);

    }

el metodo ajax completo

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")

    <script type="text/javascript">
        $(document).ready(function () {

                       

            $("#SearchSubjectBtn").click(function () {
                alert("se dio click en el boton");
                var SearchBySubject = $("#SearchBySubject").val();
                var SearchSubject = $("#SearchSubject").val();
                var SetDataSubject = $("#DataSearchingSubject");

                $.ajax({
                    type: "POST",
                    url: "/Generic/GetSubject?SearchBy=" + SearchBySubject + "&SearchValue=" + SearchSubject,
                    contentType: "html",
                    success: function (result) {
                        console.log(result);

                        if (result.length == 0) {
                            window.alert("no se encontro la materia");
                            SetDataSubject.append('<tr style="color:red"><td colspan="3">No se encontro la materia</td></tr>')
                        }

                        else {

                            $.each(result, function (i, value) {
                                var Data = "<tr>" +                                    
                                    "<td>" + value.NameSubject + "</td>" +                                   
                                    "<td>" + value.NameLevel + "</td>" +                                  
                                    "<td>" +
                                    "<input type='button' onclick='PasarMateria(" + value.SubjectId + ",'" + value.NameSubject + "' )' class='btn btn-warning' value='Seleccionar' data-dismiss='modal'>" +
                                    "</td>" +
                                    "</tr>";

                                SetDataSubject.append(Data);
                            });
                        }

                    }
                });

            });


        });




        function PasarUsuario(UserId, nombre) {

            $("#txtUsuario").val(UserId);
            $("#borrartxt").val(nombre);
            document.getElementById('borrartxt').innerHTML = nombre;

            console.log(UserId);

        }

        function PasarMateria(SubjectId, NameSubject) {

            console.log('SubjectId', typeof SubjectId);
            console.log('NameSubject', typeof NameSubject);

            $("#SubjectTxt").val(SubjectId);
            $("#SubjectLbn").val(NameSubject);
           

            console.log(SubjectId);

        }
    </script>
}

    @section Scripts {
    @Scripts.Render("~/bundles/jqueryval")

    <script type="text/javascript">
        $(document).ready(function () {

                      


            $("#SearchSubjectBtn").click(function () {
                alert("se dio click en el boton");
                var SearchBySubject = $("#SearchBySubject").val();
                var SearchSubject = $("#SearchSubject").val();
                var SetDataSubject = $("#DataSearchingSubject");

                $.ajax({
                    type: "POST",
                    url: "/Generic/GetSubject?SearchBy=" + SearchBySubject + "&SearchValue=" + SearchSubject,
                    contentType: "html",
                    success: function (result) {
                        console.log(result);

                        if (result.length == 0) {
                            window.alert("no se encontro la materia");
                            SetDataSubject.append('<tr style="color:red"><td colspan="3">No se encontro la materia</td></tr>')
                        }

                        else {

                            $.each(result, function (i, value) {
                                var Data = "<tr>" +                                    
                                    "<td>" + value.NameSubject + "</td>" +                                   
                                    "<td>" + value.NameLevel + "</td>" +                                  
                                    "<td>" +
                                    "<input type='button' onclick='PasarMateria(" + value.SubjectId + ",'" + value.NameSubject + "' )' class='btn btn-warning' value='Seleccionar' data-dismiss='modal'>" +
                                    "</td>" +
                                    "</tr>";

                                SetDataSubject.append(Data);
                            });
                        }

                    }
                });

            });


        });




        function PasarUsuario(UserId, nombre) {

            $("#txtUsuario").val(UserId);
            $("#borrartxt").val(nombre);
            document.getElementById('borrartxt').innerHTML = nombre;

            console.log(UserId);

        }

        function PasarMateria(SubjectId, NameSubject) {

           

            $("#SubjectTxt").val(SubjectId);
            $("#SubjectLbn").val(NameSubject);
           

            console.log(SubjectId);

        }
    </script>
}

aqui quiero poner lo que encuentre

<div class="container">
        <div class="panel panel-default">
            <div class="panel-heading">
                <h3>Buscar Materia</h3>
            </div>
            <div class="panel-body">
                <div class="form-inline">
                    @Html.TextBoxFor(model => model.SubjectId, new { @class = "form-control", @required = "Required", @id = "SubjectTxt", @style = "visibility:hidden" })
                    <label id="SubjectLbn">Materia no relacionada</label>
                                                
                </div>

            </div>
        </div>
    </div>

Lo que me tiene confundido es por que me presenta error cuando el resultado que le doy a NameSubject es tipo string y no cuando es entero y si debo declara NameSubject de tipo string como lo hago, tengo entendido que javascript es flexible con el tema de tipo de variable.

Gracias