es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Recorre las casillas de verificación en un ejGrid.

23 Jul, 2023 Programación

Tengo una cuadrícula con casillas de verificación. Estoy tratando de averiguar cómo recorrer la cuadrícula para ver qué casillas de verificación están marcadas.

Cuadrícula:

    $("#dataGrid").ejGrid({
        dataSource: dataManager,
        allowSelection: false,
        allowFiltering: true,
        allowTextWrap: true,
        allowPaging: true,
        filterSettings: {
            filterType: "excel"
        },
        allowSorting: true,
        toolbarSettings: { showToolbar: true, toolbarItems: ["search"] },
        allowSearching: true,
        columns: [
            { type: 'checkbox', width: 50 },
            { field: "Id", visible: false },
            { field: "RegistarName", headerText: "Registrador" },
            { field: "VoterStatus", headerText: "Estado del votante" },
            { field: "strTrainedDate", headerText: "Entrenado" },
            { field: "strOathDate", headerText: "Juramento" },
            { field: "Term", headerText: "Período" },
            { field: "OrganizationTypeName", headerText: "Tipo de organización" },
            { field: "RegistrarOrganizationName", headerText: "Organización" },
            {
                headerText: "",
                template: '<a href="#" onclick="Editar({{:Id}})">Editar</a>',
                width: 75,
                textAlign: "center"
            },
            {
                headerText: "",
                template: '<a href="#" data-url="@Url.Action("Eliminar")/{{:Id}}" data-name="{{:RegistarName}}" data-toggle="modal" data-target="#confirmModal">Eliminar</a>',
                width: 75,
                textAlign: "center"
            },
        ]
    });
Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para recorrer la cuadrícula y ver qué casillas de verificación están marcadas cuando se hace clic en un botón, puedes usar el siguiente código:

    $("#button").click(function () {
  var checkedRows = [];
  $("#dataGrid input[type='checkbox']:checked").each(function () {
    var rowData = $("#dataGrid").ejGrid("getRecordByIndex", $(this).closest("tr").index());
    checkedRows.push(rowData);
  });
  // checkedRows contendrá los datos de todas las filas que tengan una casilla de verificación marcada
});

    Este código agrega un evento clic al botón con el id “button”. Cuando se hace clic en el botón, utiliza jQuery para seleccionar todas las casillas de verificación en la cuadrícula que están marcadas. Luego itera sobre cada casilla de verificación marcada y obtiene los datos de la fila de esa fila utilizando el método “getRecordByIndex” de la cuadrícula. Luego agrega los datos de la fila a una matriz llamada “checkedRows”.

    Al final del código, “checkedRows” contendrá los datos de todas las filas que tengan una casilla de verificación marcada. Luego puedes hacer lo que necesites hacer con estos datos.

Comments are closed.