Deshabilitar celdas en una cuadrícula editable

En el siguiente ejemplo deshabilitaremos la celda de una columna específica según el nombre del atributo.

Pasos para registrar una función de JavaScript y deshabilitar celdas:

1.En las propiedades de la subcuadrícula, haz clic en la pestaña Controls luego en Add Control... y selecciona Power Apps grid control

2. Configura el control de cuadrícula de Power Apps como editable en la pestaña editable de la subcuadrícula.

3. Haz clic en la pestaña Events, selecciona el evento OnRecordSelect y luego haz clic en +Add.

4. Escribe el nombre de la función(ContactsGrid.onRecordSelect) y marca la casilla "Pass execution context as first parameter"

5. A continuación se muestra el código de la biblioteca "cll_/scripts/contactsGrid.js". El código deshabilita la celda si el nombre del atributo es "emailaddress1".

var ContactsGrid = window.ContactsGrid || {};
(function () {
    this.onRecordSelect = function (context) {
        context.getEventSource().attributes.forEach(function (attr) {
            if (attr.getName() === "emailaddress1") {
                attr.controls.forEach(function (control) {
                    control.setDisabled(true);
                });
            }

        });
    }
}).call(ContactsGrid);

6. Ahora, cuando el usuario intenta editar el valor del Email, la celda está deshabilitada.

Deshabilitar celdas mediante un recurso web de JavaScript funciona tanto para la cuadrícula editable (Editable Grid) como para la cuadrícula de Power Apps (Power Apps Grid).