Hay muchos ejemplos en el libro de cocina Oracle JET sobre cómo vincular datos a una oj-table .

Para verificar una/todas las filas, aquí hay una forma de hacerlo:

Vista:

 <oj-table data="[[ dataProvider ]]" columns='[{"headerText": "Check All", "headerTemplate": "headerTpl", "resizable": "enabled", "sortable": "disabled", "template": "checkTpl"}]'> <template slot="headerTpl" data-oj-as="cell"> <input type="checkbox" data-bind="checked: bulkCheckFlag" /> </template> <template slot="allactivechkbox" data-oj-as="cell"> <input type="checkbox" name="selectedIds" data-bind="attr:{value:cell.row.ID, id:cell.row.ID}" /> </template> </οj-table>

Modelo:

 class ViewModel { constructor() { const self = this; this.dataProvider = yourDataProviderSetup(); this.bulkCheckFlag = ko.observable(false); this.bulkCheckFlag.subscribe((newValue) => { $("input[name='selectedIds']").prop("checked", newValue); } this.selectedIds = () => $("input[name='selectedIds']:checked").toArray().map((el) => el.id)); }

Si tiene un botón o algo así, puede tener una devolución de llamada de clic donde puede tener sus ID seleccionados por const ids = self.selectedIDs(); .

Tenga en cuenta que probablemente haya mejores formas de hacer esto, pero, en resumen:

• Una casilla de verificación para cada fila, con el mismo nombre ( selectedIds en el ejemplo) y cada una de ellas con el ID de la entidad representada por esa fila;
• Una casilla de verificación en el encabezado de la columna, que tiene una marca en ViewModel como Observable<boolean> , suscríbase a su valor y actualice el valor de todas las casillas de verificación con el nombre anterior ( selectedIds );
• Un método para seleccionar esas casillas de verificación marcadas y recuperar sus ID cuando sea necesario.