jquery - example - Cómo obtener un valor de celdas de fila seleccionadas de jqGrid

jqgrid('' getgridparam

Question

¿Alguien sabe cómo obtener el valor de las celdas de la fila seleccionada de JQGrid? im usando mvc con JQGrid, quiero acceder al valor de la columna oculta de la fila seleccionada?

Answer 1

Puedes usar de esta manera también

var rowId =$("#list").jqGrid(''getGridParam'',''selrow'');  
var rowData = jQuery("#list").getRowData(rowId);
var colData = rowData[''UserId''];   // perticuler Column name of jqgrid that you want to access

Answer 2

Simplemente agote esto:

Solución 1:

En la función de subred, debe escribir lo siguiente:

var selectid = $(this).jqGrid(''getCell'', row_id, ''id'');
alert(selectid);

Donde row_id es la variable que define en subgrid como parámetro. Y id es el nombre de la columna del que desea obtener el valor de la celda.

Solución 2:

Si obtiene el Id. De fila Jqgrid En alerta Luego configure su ID de clave principal como key:true En ColModels. Por lo tanto, obtendrá el valor de su id. De base de datos en alerta. Me gusta esto :

{name:"id",index:"id",hidden:true, width:15,key:true, jsonmap:"id"},

Answer 3

Solo para agregar, también puede recuperar un valor de celda jqGrid, basado en el índice de columna rowID plus (en lugar del nombre de la columna):

Entonces, para obtener el valor en la cuarta columna (índice de columna n. ° 3) para la fila con clave principal ID 1234, podríamos usar esto:

var rowID = 1234;
var columnIndex = 3;
var cellValue = $("#" + rowID).find(''td'').eq(columnIndex).text();

Por cierto, en un tema completamente relacionado (pero por favor no me voten):

No me di cuenta de que puede, con bastante facilidad, vincular cuadros de texto a su jqGrid, por lo que los usuarios pueden realizar búsquedas instantáneas, sin tener que abrir el cuadro de diálogo Buscar.

Para hacer esto, necesitas un poco de HTML como este:

<input type="text" name="employeeName" id="employeeName" style="width:250px" />

<!--  This will be my jqGrid control and pager -->
<table id="tblEmployees"></table>
<div id="pager"></div>

Y un poco de JavaScript como este:

$("#employeeName").on(''change keyup paste'', function () {
    SearchByEmployeeName();
});

function SearchByEmployeeName()
{
    //  Fetch the text from our <input> control
    var searchString = $("#employeeName").val();

    //  Prepare to pass a new search filter to our jqGrid
    var f = { groupOp: "AND", rules: [] };

    //  Remember to change the following line to reflect the jqGrid column you want to search for your string in
    //  In this example, I''m searching through the UserName column.

    f.rules.push({ field: "UserName", op: "cn", data: searchString });

    var grid = $(''#tblEmployees'');
    grid[0].p.search = f.rules.length > 0;
    $.extend(grid[0].p.postData, { filters: JSON.stringify(f) });
    grid.trigger("reloadGrid", [{ page: 1 }]);
}

Este es un verdadero cambio de juego para mí ... realmente hace que jqGrid sea mucho más fácil de usar.

Los usuarios pueden comenzar a escribir inmediatamente en su cadena de búsqueda, en lugar de tener que abrir el cuadro de diálogo Buscar, recordar cambiar el operador a "contiene", luego comenzar a escribir y cerrar el cuadro de búsqueda nuevamente.

Answer 4

Use "selrow" para obtener el Id de fila seleccionado

var myGrid = $(''#myGridId'');

var selectedRowId = myGrid.jqGrid("getGridParam", ''selrow'');

y luego use getRowData para obtener la fila seleccionada en el índice selectedRowId.

var selectedRowData = myGrid.getRowData(selectedRowId);

Si el multiselect se establece en true en jqGrid, entonces use "selarrrow" para obtener la lista de filas seleccionadas:

var selectedRowIds = myGrid.jqGrid("getGridParam", ''selarrrow'');

Use el ciclo para iterar la lista de filas seleccionadas:

var selectedRowData;

for(selectedRowIndex = 0; selectedRowIndex < selectedRowIds .length; selectedRowIds ++) {

   selectedRowData = myGrid.getRowData(selectedRowIds[selectedRowIndex]);

}

Answer 5

tienes que declarar de vars ...

var selectedRowId = $(''#list'').jqGrid (''getGridParam'', ''selrow'');
var columnName = $(''#list'').jqGrid(''getCell'', selectedRowId, ''columnName'');

var nombre_img_articulo = $ (''# list''). jqGrid (''getCell'', selectedRowId, ''img_articulo'');

Answer 6

Primero puede obtener el rowid de la fila seleccionada con respecto getGridParam método getGridParam y ''selrow'' como el parámetro y luego puede usar getCell para obtener el valor de celda de la columna correspondiente:

var myGrid = $(''#list''),
    selRowId = myGrid.jqGrid (''getGridParam'', ''selrow''),
    celValue = myGrid.jqGrid (''getCell'', selRowId, ''columnName'');

El ''columnName'' debe ser el mismo nombre que usa en la propiedad ''name'' de colModel . Si necesita valores de muchas columnas de la fila seleccionada, puede usar getCell lugar de getCell .