Lo que pretendo lograr es deshabilitar las columnas que tengan un determinado dato.
Html
<div id="jsgrid"></div>
Función
$(document).ready(function () {
debugger;
$('#jsgrid').each(function () {
//REQUIERO QUE SE BLOQUEEN TODOS AQUELLOS QUE CONTENGAN "CONTROL"
$(this).find(".control").attr('disabled', true);
});
Éste es mi jsgrid generado.
$("#jsgrid").jsGrid({
width: "100%",
height: "auto",
paging: true,
center: true,
autoload: true,
filtering: false,
confirmDeleting: false,
pageSize: 15,
editing: true,
reload: 20,
fields: [
{ name: "Columna1", title: 'Columna1', type: "text", width: 40, align: "center", editing:false },
{ name: "Columna2", title: 'Columna2', type: "text", width: 40, align: "center", editing: false },
{
type: "control", deleteButton: true, deleteButtonTooltip: "Rechazar", deleteButtonId: "btnRechazar",deleteButtonClass: "jsgrid-button jsgrid-cancel-edit-button",
editButtonClass: "jsgrid-button jsgrid-update-button", editButtonId: "btnAceptar", editButtonTooltip: "Aceptar", width: 35
}
]
});
Sobre el boton "edit" generado por el jsgrid tengo éste código
onItemEditing: function (args) {
$("#jsgrid").jsGrid('updateItem', args.item);
var keys = Object.values(args.item);
//alert(keys[1]);
var key1 = keys[1];
if (key1 == 'ACEPTADO')
{
alert("Ok");
$(this).attr("disabled", true);
}
},
Al dar clic sobre el botón, "key1" me devuelve el valor de de la columna[1] de la fila seleccionada, Key1 es el valor por el cual necesito definir si la fila se bloquea o no. (Todas las filas que tengan el valor de Key1 = ACEPTADO deben estar deshabilitadas), no he podido implementar ésto sobre el document.ready, que considero una buena idea, ya que recorrería todo el jsgrid en busca de ese valor.
Sí alguien puede ayudarme se lo agradecería.
Saludos.