HtmlGrid

Aquí están contenidas todas las funciones que se encargan de darle interacción a la grid de Fw7, todas las funciones que usen la grid, requieren que ya esté inicializada
Author:
  • Cristian Camilo Cantillo
Source:
Tutorials:

Methods

# (inner) addCellError(grid, rId, cInd)

Marca una celda con error
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
rId string rowId único que identifica a cada fila
cInd integer Índice de la columna
Source:

# (inner) addErrorPopup(grid, rId, conf)

Traslada los errores de una fila al popup
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
rId string rowId único que identifica a cada fila
conf object Objeto de configuración de la grid, Configuración de la grid
Source:
Example 
var rId = getSelectedRowId(gPruebas);
addErrorPopup(gPruebas, rId, gPruebasConf);

# (inner) addEventGrid(event, grid, fnCb)

Agrega un evento específico a la grid
Parameters:
Name Type Description
event string Nombre del evento que se desea agrear a la grid Eventos de la grid
grid object Objeto de la grid ya inicializada
fnCb function Función que manejará el evento, todos los eventos retornan el rowId, excepto onRowDelete
Source:
Example 
addEventGrid('onRowAdded', gPruebas, function(rId){
    setCellValue(gPruebas, rId, gPruebasConf.Estatus.idx, 'Nuevo');
});

# (inner) addEventOpt(grid, enabled, iconosOpt, colOpt)

Habilitar lo lógica de editar y eliminar automáticamente
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
enabled boolean true si desea que habilitar, false lo contrario
iconosOpt string Íconos de agregado y eliminado
colOpt integer Índice de la columna donde van a estar los íconos
Source:
Example 
var optAdd = "<i class='material-icons pointer iPopup' data-tipo='add'>add_circle_outline</i>";
var optDel = "<i class='material-icons pointer iPopup' data-tipo='delete'>remove_circle_outline</i>";
var iOpts = optAdd + optDel;
addEventOpt(gPruebas, true, iOpts, gPruebasConf.Opc.idx);

# (inner) addRow(grid, rId, values, noCallEvt)

Agrega una fila a la grid
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
rId string (opcional) rowId único que identifica a cada fila, si no se envía se asigna uno automáticamente
values Array Contiene los valores a agregar en la fila, si el arreglo es vacio, crea la fila sin datos
noCallEvt boolean (opcional) Se envia true si al agregar la fila no se quiere disparar el evento onRowAdded
Source:
Example 
addRow(gPruebas, '', []);

# (inner) agregoDatosPopup(conf) → {boolean}

Indica si en el popup ingresaron datos
Parameters:
Name Type Description
conf object Objeto de configuración de la grid, Configuración de la grid
Source:
Returns:
true si se agregó algún valor, false si no
Type
boolean
Example 
if(!agregoDatosPopup(gPruebasConf)){
    console.log('No agregó ningún valor en el popup');
}

# (inner) cargarDatosPopup(grid, rId, conf)

Carga los datos de una fila de la grid en el popup
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
rId string rowId único que identifica a cada fila
conf object Objeto de configuración de la grid, Configuración de la grid
Source:
Example 
var rId = getSelectedRowId(gPruebas);
cargarDatosPopup(gPruebas, rId, gPruebasConf);

# (inner) cleanErrorPopup(conf)

Limpia los errores marcados en el popup
Parameters:
Name Type Description
conf object Objeto de configuración de la grid, Configuración de la grid
Source:
Example 
cleanErrorPopup(gPruebasConf);

# (inner) clearAll(grid)

Limpia la grid, dejándola sin filas
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
Source:
Example 
clearAll(gPruebas);

# (inner) clearRow(grid, rId)

Limpia una fila
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
rId string rowId único que identifica a cada fila
Source:
Example 
var rId = getSelectedRowId(gPruebas);
clearRow(gPruebas, rId);

# (inner) dataInRow(grid, rId) → {boolean}

Indica si una fila tiene datos, ignorando las opciones de agregar y eliminar
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
rId string rowId único que identifica a cada fila
Source:
Returns:
true si tiene, false si no tiene
Type
boolean
Example 
var rId = getSelectedRowId(gPruebas);
if(dataInRow(gPruebas, rId)){
    console.log('Tiene datos');
}

# (inner) editOnClick(grid, edit)

Marca si se desea que al hacer click en una celda se abra el modal automáticamente para editar
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
edit boolean true si desea que se abra el modal, false lo contrario
Source:
Example 
editOnClick(gPruebas, true);

# (inner) enabledLiteValidation(grid, enabled)

Habilita o deshabilita la validación rápida, solo valida requeridos
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
enabled boolean true para habilitar, false para deshabilitar
Source:
Example 
enabledLiteValidation(gPruebas, true);

# (inner) find(grid, cInd, val, first) → {Array}

Busca dentro de la grid un valor especificado
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
cInd integer Índice de la columna
val string valor a buscar
first boolean true si desea devolver solo la primera fila que encuentra
Source:
Returns:
contiene objetos con el rowId y los índices de las celdas que coinciden
Type
Array
Example 
var arrRIds = find(gPruebas, gPruebasConf.Apellido.idx, 'Perez', true);
if(arrRIds.length > 0){
    var nombre = getCellValue(gPruebas, arrRIds[0].rId, gPruebasConf.Nombre.idx);
    console.log(nombre);
}

# (inner) findMulti(grid, arrCInd, arrVal, first) → {Array}

Busca dentro de la grid combinaciones de valores
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
arrCInd Array Índices de las columnas donde se va a buscar
arrVal Array valores a buscar, deben corresponder a las columnas y estar en el mismo orden
first boolean true si desea devolver solo la primera fila que encuentra
Source:
Returns:
contiene objetos con el rowId y los índices de las celdas que coinciden
Type
Array
Example 
var arrRIds = findMulti(gPruebas, [gPruebasConf.Nombre.idx, gPruebasConf.Apellido.idx], ['Juan', 'Perez'], true);
if(arrRIds.length > 0){
    var edad = getCellValue(gPruebas, arrRIds[0].rId, gPruebasConf.Edad.idx);
    console.log(edad);
}

# (inner) foreachCell(grid, rId, fn)

Se encarga recorrer todas las celdas de una fila
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
rId string rowId de la fila que se desea recorrer
fn function Función que se encargará de procesar el ciclo por cada celda, la función que se envía como parámetro recibe el objeto cell (td) y el ínidice de cada celda
Source:
Example 
var rId = getSelectedRowId(gPruebas);
foreachCell(gPruebas,rId, function(cell, cInd){
    var val = getCellValue(gPruebas, rId, cInd);
    console.log(val);
});

# (inner) foreachRow(grid, fn)

Se encarga de recorrer todas las filas de la grid
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
fn function Función que se encargará de procesar el ciclo por cada fila, la función que se envía como parámetro recibe el rowId de cada fila
Source:
Example 
foreachRow(gPruebas, function(rId){
    var row = getRow(gPruebas, rId);
    unSelectRow(row);
});

# (inner) getCell(row, cInd) → {HTMLTableCellElement}

Obtener el objeto td especificado
Parameters:
Name Type Description
row HTMLTableRowElement tr de la tabla
cInd integer Índice de la columna específica
Source:
Returns:
cell (td) de la fila y columna indicada
Type
HTMLTableCellElement

# (inner) getCell2Value(grid, rIdx, cInd)

Obtiene el valor de una celda específica
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
rIdx integer índice de la fila
cInd integer Índice de la columna específica
Source:
Example 
var val = getCellValue(gPruebas, 1, gPruebasConf.Nombre.idx);
console.log(val);

# (inner) getCellIndex(cell) → {integer}

Obtener el índice de una celda especificada
Parameters:
Name Type Description
cell HTMLTableCellElement (td) de una fila
Source:
Returns:
Índice de la celda
Type
integer

# (inner) getCellsNum(Objeto) → {integer}

Devuelve el número de columnas que tiene una grid
Parameters:
Name Type Description
Objeto object de la grid ya inicializada
Source:
Returns:
Número equivalente a la cantidad de columnas
Type
integer

# (inner) getCellValue(grid, rId, cInd)

Obtiene el valor de una celda específica
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
rId string rowId único que identifica a cada fila
cInd integer Índice de la columna específica
Source:
Example 
var rId = getSelectedRowId(gPruebas);
var val = getCellValue(gPruebas, rId, gPruebasConf.Nombre.idx);
console.log(val);

# (inner) getConfForId(idGrid) → {object}

Devuelve el objeto de configuración de la grid
Parameters:
Name Type Description
idGrid string id de la tabla HTML
Source:
Returns:
Objeto de la configuración
Type
object
Example 
var gPruebasConf = getConfForId("gPruebas");

# (inner) getDatosCellGrid(grid, rId, conf) → {Array}

Obtiene los datos de una fila específica
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
rId string rowId único que identifica a cada fila
conf object Objeto de configuración de la grid, Configuración de la grid
Source:
Returns:
Datos de la fila
Type
Array
Example 
var rId = getSelectedRowId(gPruebas);
var data = getDatosCellGrid(gPruebas, rId, gPruebasConf);
console.log(data);

# (inner) getDatosPopup(conf, forceValidate)

Obtiene el arreglo con los datos ingresados en el popup
Parameters:
Name Type Description
conf object Objeto de configuración de la grid, Configuración de la grid
forceValidate boolean Indica si se desea forzar la validación de los campos en el modal
Source:
Example 
var data = getDatosPopup(gDatosConf, false);

# (inner) getDvPadrePopup(id) → {object}

Obtiene el Div padre de un campo en el modal
Parameters:
Name Type Description
id string id de la grid
Source:
Returns:
Div jQuery que contiene el campo
Type
object
Example 
var dvPadre = getDvPadrePopup("t2");

# (inner) getGridForId(idGrid) → {object}

Devuelve el objeto de la grid ya inicializada
Parameters:
Name Type Description
idGrid string id de la tabla HTML
Source:
Returns:
Objeto de la grid ya inicializada
Type
object
Example 
var gPruebas = getGridForId("gPruebas");

# (inner) getGridFromCell(cell) → {object}

Devuelve el objeto de la grid a partir de una celda (cell)
Parameters:
Name Type Description
cell HTMLTableCellElement algún td de la tabla
Source:
Returns:
Objeto de la grid ya inicializada
Type
object

# (inner) getGridFromRow(row) → {object}

Devuelve el objeto de la grid a partir de una fila (row)
Parameters:
Name Type Description
row HTMLTableRowElement algún tr de la tabla
Source:
Returns:
Objeto de la grid ya inicializada
Type
object

# (inner) getHeaderLabel(grid, cInd) → {string}

Obtiene el Label de una columna especificada
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
cInd integer Índice o posición del header
Source:
Returns:
El label del header
Type
string

# (inner) getJsonCell(grid, conf, rId) → {object}

Obtiene un JSON con los headers de las columnas y sus valores de una fila especificada
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
conf object Objeto de configuración de la grid, Configuración de la grid
rId string rowId único que identifica a cada fila
Source:
Returns:
Objeto con los datos de la grid
Type
object
Example 
var rId = getSelectedRowId(gPruebas);
var dataRow = getJsonCell(gPruebas, gPruebasConf, rId);
console.log(dataRow);
//{'Nombre': 'Pepito', 'Apellido': 'Perez', 'Edad': '25'}

# (inner) getNewRowId() → {string}

Devuelve un nuevo y único rowId
Source:
See:
Returns:
El nuevo rowId generado
Type
string

# (inner) getRow(grid, rId) → {HTMLTableRowElement}

Devuelve el objeto row (tr) de la grid según el rowId
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
rId string rowId único que identifica a cada fila
Source:
Returns:
row de la fila indicada
Type
HTMLTableRowElement

# (inner) getRowFromIndex(grid, index) → {HTMLTableRowElement}

Devuelve el objeto row (tr) de la grid según el índice de la fila
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
index integer índice que identifica a cada fila (0,1,2)
Source:
Returns:
row de la fila indicada
Type
HTMLTableRowElement

# (inner) getRowId(row) → {string}

Obtener el rowId de una fila
Parameters:
Name Type Description
row HTMLTableRowElement algún tr de la tabla
Source:
Returns:
rowId único que identifica a cada fila
Type
string

# (inner) getRowIdFromCell(cell) → {string}

Obtener el rowId de una fila por una celda especificada
Parameters:
Name Type Description
cell HTMLTableCellElement algún td de la fila
Source:
Returns:
rowId único que identifica a cada fila
Type
string

# (inner) getRowIdFromIndex(grid, index) → {string}

Obtener el rowId de una fila por el índice
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
index integer ïndice o posición de esa fila en la tabla
Source:
Returns:
rowId único que identifica a cada fila
Type
string

# (inner) getRowIndex(row) → {integer}

Obtener el Indice de una fila
Parameters:
Name Type Description
row HTMLTableRowElement algún tr de la tabla
Source:
Returns:
ïndice o posición de esa fila en la tabla
Type
integer

# (inner) getRowIndexFromId(grid, rId) → {integer}

Obtener el Indice de una fila por el rowId
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
rId string rowId único que identifica a cada fila
Source:
Returns:
ïndice o posición de esa fila en la tabla
Type
integer

# (inner) getRowsNum(Objeto) → {integer}

Devuelve el número de filas de una grid
Parameters:
Name Type Description
Objeto object de la grid ya inicializada
Source:
Returns:
Número equivalente a la cantidad de filas
Type
integer

# (inner) getSelectedRowId(grid) → {string}

Devuelve el rowId de la fila que esté seleccionada
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
Source:
Returns:
rowId único que identifica a cada fila
Type
string
Example 
var rId = getSelectedRowId(gPruebas);

# (inner) getSelectedRowIndex(grid) → {string}

Devuelve el índice de la fila que esté seleccionada
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
Source:
Returns:
rowId único que identifica a cada fila
Type
string
Example 
var rIdx = getSelectedRowIndex(gPruebas);

# (inner) getXml(grid, cIndExcluir, fnVal)

Obtiene el XML de una grid
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
cIndExcluir Array Índices de las columnas que no se desean grabar
fnVal function (opcional) Función para validar si una fila se graba o no, la función que se envía como parámetro recibe el rowId y debe retornar un booleano
Source:
Example 
var xmlGrid = getXml(gPruebas, [gPruebasConf.Opc.idx], function(rId){
    var nombre = getCellValue(gPruebas, rId, gPruebasConf.Nombre.idx);
    if(nombre == 'Andrés')
        return false;
    
    return true;
});

# (inner) getXmlWorker(grid, cIndExcluir, fnCb)

Obtiene el XML de una grid en otro hilo
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
cIndExcluir Array Índices de las columnas que no se desean grabar
fnCb function (opcional) Función de callback cuando el proceso ha finalzado, se entrega el XML
Source:
Example 
getXmlWorker(gPruebas, [gPruebasConf.Opc.idx], function(xmlGrid){
    console.log(xmlGrid);
});

# (inner) guardarDatosPopup(e)

Guarda los datos del Popup en la grid a partir del event
Parameters:
Name Type Description
e event Evento que disparan las opciones de agregar, editar y eliminar
Source:

# (inner) guardarPopup(dvPadre)

Guarda los datos del Popup en la grid a partir del div popup
Parameters:
Name Type Description
dvPadre object Objeto jQuery con el div popup
Source:
Example 
guardarPopup(_$('#_gPruebas'));

# (inner) hideColumn(grid, cInd)

Oculta una columna especificada
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
cInd integer Índice de la columna
Source:
Example 
hideColumn(gPruebas, gPruebasConf.Nombre.idx);

# (inner) hideColumns(grid, arrCInd)

Oculta varias columna especificadas
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
arrCInd Array Arreglo con los Índices de las columnas
Source:
Example 
hideColumns(gPruebas, [gPruebasConf.Nombre.idx, gPruebasConf.Edad.idx]);

# (inner) hideColumnsConf(grid, conf)

Oculta las columna según la propiedad ver de la configuración Configuración de la grid
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
conf object Objeto de configuración de la grid
Source:
Example 
hideColumnsConf(gPruebas, gPruebasConf);

# (inner) initFromTable(id, conf) → {object}

Se encarga de inicializar el objeto que manejara las funciones de la grid
Parameters:
Name Type Description
id string id de la tabla HTML
conf object Objeto de configuración de la grid, Configuración de la grid
Source:
Returns:
Objeto configurado con las opciones y listo para usarse
Type
object
Example 
initFromTable("gPruebas", gPruebasConf);

# (inner) isColumHidden(grid, cInd) → {boolean}

Indica si una columna está o no oculta
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
cInd integer Índice de la columna
Source:
Returns:
true si está oculta, false si no lo está
Type
boolean

# (inner) limpiarPopup(conf)

Limpia el popup
Parameters:
Name Type Description
conf object Objeto de configuración de la grid, Configuración de la grid
Source:
Example 
limpiarPopup(gPruebasConf);

# (inner) lockRow(row, bloq)

Bloquea o desbloquea una fila
Parameters:
Name Type Description
row HTMLTableRowElement tr de la tabla
bloq boolean true para bloquear, false para desbloquear
Source:
Example 
var rId = getSelectedRowId(gPruebas);
var row = getRow(gPruebas, rId);
lockRow(row, true);

# (inner) ocultarTodosCamposPopup(conf)

Oculta todos los campos del popup
Parameters:
Name Type Description
conf object Objeto de configuración de la grid, Configuración de la grid
Source:
Example 
ocultarTodosCamposPopup(gPruebasConf);

# (inner) parseXml(grid, xml)

Carga filas en la grid mediante una cadena XML
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
xml string datos a parsear
Source:
Example 
var xmlSample = "<rows><row id="0"><cell>Pepito</cell><cell>26</cell></row><row id="1"><cell>Jon Doe</cell><cell>43</cell></row></rows>";
parseXml(gPruebas, xmlSample);

# (inner) pintarFilasOcultas(grid, validar)

Marca si al encontrar un error en una celda oculta, se pinte toda la fila de rojo
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
validar boolean true si desea que se marque toda la fila, false lo contrario
Source:
Example 
pintarFilasOcultas(gPruebas, false);

# (inner) removeAllCellError(grid, rId)

Quita el error a todas las celda
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
rId string rowId único que identifica a cada fila
Source:

# (inner) removeCellError(grid, rId, cInd)

Quita el error a una celda
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
rId string rowId único que identifica a cada fila
cInd integer Índice de la columna
Source:

# (inner) removeRow(grid, rId)

Elimina una fila especificada
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
rId string rowId único que identifica a cada fila
Source:
Example 
var rId = getRowIdFromIndex(gPruebas, 3);
removeRow(gPruebas, rId);

# (inner) selectRow(row)

Selecciona la fila indicada en el parámetro row
Parameters:
Name Type Description
row HTMLTableRowElement debe ser el tr de la fila a seleccionar
Source:
Example 
var rId = getSelectedRowId(gPruebas);
var row = getRow(gPruebas, rId);
selectRow(row);

# (inner) setCellValue(grid, rId, cInd, value)

Cambia el valor de una celda específica
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
rId string rowId único que identifica a cada fila
cInd integer Índice de la columna específica
value string Valor que se desea asignar a la celda
Source:
Example 
var rId = getSelectedRowId(gPruebas);
setCellValue(gPruebas, rId, gPruebasConf.Nombre.idx, 'Ricardo Jorge');

# (inner) setDataRow(grid, rId, values)

Cambia los valores de una fila completa
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
rId string rowId único que identifica a cada fila
values Array tiene los valores de cada columna
Source:
Example 
var rId = getSelectedRowId(gPruebas);
setDataRow(gPruebas, rId, ['Juan Carlos', 'Gonzales', '28']);

# (inner) setNumberFormat(grid, mask, cInd, p_sep, d_sep)

Agrea formato numérico a columnas en la grid
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
mask string Máscara usada para el formateo
cInd integer Índice de la columna
p_sep string Separador de miles
d_sep string Separador de decimales
Source:
Example 
setNumberFormat(gPruebas, '$ 000,000', gPruebasConf.Salario.idx, '.', ',');

# (inner) setRowId(row, rId)

Cambiar el rowId de una fila
Parameters:
Name Type Description
row HTMLTableRowElement algún tr de la tabla
rId string rowId único que identifica a cada fila
Source:

# (inner) showColumn(grid, cInd)

Muestra una columna especificada
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
cInd integer Índice de la columna
Source:
Example 
showColumn(gPruebas, gPruebasConf.Nombre.idx);

# (inner) showColumns(grid, arrCInd)

Muestra varias columna especificadas
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
arrCInd Array Arreglo con los Índices de las columnas
Source:
Example 
showColumns(gPruebas, [gPruebasConf.Nombre.idx, gPruebasConf.Edad.idx]);

# (inner) unSelectRow(row)

Quita la selección de la fila indicada en el parámetro row
Parameters:
Name Type Description
row HTMLTableRowElement debe ser el tr de la fila a seleccionar
Source:
Example 
var rId = getSelectedRowId(gPruebas);
var row = getRow(gPruebas, rId);
unSelectRow(row);

# (inner) validarCamposPopup(grid, validar)

Marca si se desea marcar con error los campos en el modal cuando se tenga error en la grid
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
validar boolean true si desea que se marquen los campos, false lo contrario
Source:
Example 
validarCamposPopup(gPruebas, true);

# (inner) validateGrid(grid, conf, fnCb, fnValRow, fnBeforeValRow) → {object}

Valida la grid, según la configuración indicada. Se valida requerido, mínimo, máximo, expresión regular y valor de columna enlazada Configuración de la grid
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
conf object Objeto de configuración de la grid
fnCb function Función que se encargará de Obtener el resultado de la validación ésta función recibe un objeto que indica la cantidad de errores totales y los errores por columnas
fnValRow function Función que se invoca después de pasar la validación por cada fila ésta función recibe el rowId
fnBeforeValRow function Función que se invoca antes de pasar la validación por cada fila ésta función recibe el rowId
Source:
Returns:
Si no se envía función de callback, retorna el objeto con los errores
Type
object
Example 
validateGrid(gPruebas, gPruebasConf, function(errors){
    if(errors.totalError > 0){
        console.log('Grid con errores');
        return;
    }
}, null, function(rId){
    var nombre = getCellValue(gPruebas, rId, gPruebasConf.Nombre.idx);
    if(nombre == 'Harri')
        gPruebasConf.Edad.req = false;
    else
        gPruebasConf.Edad.req = true;
});

# (inner) verModalF7(e, row, tipo)

Abre el popup de la grid y cargar los valores, se puede hacer solo con el event, o enviando el row y la acción
Parameters:
Name Type Description
e event (opcional) evento que generan las opciones de agregar, editar y eliminar
row HTMLTableRowElement (opcional) tr de la tabla
tipo string (opcional) puede ser add, edit, delete
Source:
Example 
var rId = getSelectedRowId(gPruebas);
var row = getRow(gPruebas, rId);
verModalF7(null, row, 'edit');

# (inner) verOcultarCamposPopup(grid, conf)

Muestra u oculta campos en el popup basado en la configuración
Parameters:
Name Type Description
grid object Objeto de la grid ya inicializada
conf object Objeto de configuración de la grid, Configuración de la grid
Source:
Example 
verOcultarCamposPopup(gPruebas, gPruebasConf);

# (inner) verOcultarPorCamposPopup(arrIds, ver)

Muestra u oculta en el popup los campos indicados
Parameters:
Name Type Description
arrIds Array Id de los campos que se desean mostrar u ocultar
ver boolean true para mostrar, false para ocultar
Source:
Example 
verOcultarPorCamposPopup([gPruebasConf.Apellido.id, gPruebasConf.Estado.id], false);

# (inner) verTodosCamposPopup(conf)

Muestra todos los campos del popup
Parameters:
Name Type Description
conf object Objeto de configuración de la grid, Configuración de la grid
Source:
Example 
verTodosCamposPopup(gPruebasConf);