function LlenarGrid() {
$('#myTable').DataTable({
destroy: true,
"bFilter": true,
"paging": true,
"pageLength": 10,
"ajax": {
"url": "@Url.Action("ObtenerLocalidades", "Localidad")",
"type": "POST",
"datatype": "json",
"dataSrc": function (json) {
var codigoRegreso = JSON.stringify(json.Respuesta.Codigo);
var codigoCorrecto = '"OK"';
if (codigoRegreso == codigoCorrecto) {
Utilidades.OcultarProgress();
return json.Respuesta.RespuestaInformacion.Data.Info;
}
else {
Utilidades.ErrorAjaxControlado(json);
return ""; //De alguna manera limpia el grid (como si no hubiera encontrado registros
}
},
data: {
Nombre: $('#txtLocalidad_B').val(),
Estado: $('#txtEstado_B').val(),
Municipio: $('#txtMunicipio_B').val(),
EsActivoFiltro: $('#cmbEstatus_B').val()
},
error: function (json) {
Utilidades.ErrorAjax(json);
//alert(json);
return ""; //De alguna manera limpia el grid (como si no hubiera encontrado registros
},
},
"language": {
"url": "@Url.Content("~/Estilo/DataTables/Spanish.txt")",
"sSearch": "Filtrar :",
},
dom: 'lBfrtip',
buttons: [
{
'text': '<img src="@Url.Content("~/Imagenes/Agregar.png")" class="imagBotones" style="max-width: 15px;max-height: 15px;" /> Agregar',
'className': 'btnAgregarGrid',
'action': function (e, dt, node, config) {
AgregarDetalle();
}
}
],
"columns": [
{
"data": "Estado", "autoWidth": true, "sClass": "columnaIzquierda",
"render": function (data, type, row, meta) {
if (type === 'display') {
return $('<a onmouseover="" style="cursor: pointer;" class="btnEditar Estado">')
.wrap('<div></div>')
.text(data)
.parent()
.html();
}
else {
return data;
}
}
},
{
"data": "Municipio", "autoWidth": true, "sClass": "columnaIzquierda",
"render": function (data, type, row, meta) {
if (type === 'display') {
return $('<a onmouseover="" style="cursor: pointer;" class="btnEditar Municipio">')
.wrap('<div></div>')
.text(data)
.parent()
.html();
}
else {
return data;
}
}
},
{
"data": "Clave", "autoWidth": true, "sClass": "columnaIzquierda",
"render": function (data, type, row, meta) {
if (type === 'display') {
return $('<a onmouseover="" style="cursor: pointer;" class="btnEditar Clave">')
.wrap('<div></div>')
.text(data)
.parent()
.html();
}
else {
return data;
}
}
},
{
"data": "Nombre", "autoWidth": true, "sClass": "columnaIzquierda",
"render": function (data, type, row, meta) {
if (type === 'display') {
return $('<a onmouseover="" style="cursor: pointer;" class="btnEditar Nombre">')
.wrap('<div></div>')
.text(data)
.parent()
.html();
}
else {
return data;
}
}
},
{
"data": "IdSube", "autoWidth": true, "sClass": "columnaIzquierda",
"render": function (data, type, row, meta) {
if (type === 'display') {
return $('<a onmouseover="" style="cursor: pointer;" class="btnEditar IdSube">')
.wrap('<div></div>')
.text(data)
.parent()
.html();
}
else {
return data;
}
}
},
{
"data": "IdSibec", "autoWidth": true, "sClass": "columnaIzquierda",
"render": function (data, type, row, meta) {
if (type === 'display') {
return $('<a onmouseover="" style="cursor: pointer;" class="btnEditar IdSibec">')
.wrap('<div></div>')
.text(data)
.parent()
.html();
}
else {
return data;
}
}
},
{
"data": "IdAux1", "autoWidth": true, "sClass": "columnaIzquierda",
"render": function (data, type, row, meta) {
if (type === 'display') {
return $('<a onmouseover="" style="cursor: pointer;" class="btnEditar IdAux1">')
.wrap('<div></div>')
.text(data)
.parent()
.html();
}
else {
return data;
}
}
},
{
"data": "IdAux2", "autoWidth": true, "sClass": "columnaIzquierda",
"render": function (data, type, row, meta) {
if (type === 'display') {
return $('<a onmouseover="" style="cursor: pointer;" class="btnEditar IdAux2">')
.wrap('<div></div>')
.text(data)
.parent()
.html();
}
else {
return data;
}
}
},
{
"data": "EsActivo", "autoWidth": true,
"render": function (data, type, row, meta) {
if (type === 'display') {
return $('<a onmouseover="" style="cursor: pointer;" class="btnEditar Estatus">')
.wrap('<div></div>')
.text(data == true ? 'Si' : 'No')
.parent()
.html();
}
else {
return data;
}
}
}
]
});
Server-side
, por otro lado veo que tienes sintaxisRazor
si usas ASP .NET MVC puedes revisar este enlace que puede ayudarte en elServer-Side