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