0

Teniendo el siguiente componente:

http://adazzle.github.io/react-data-grid/examples.html#/editable

¿Alguien me puede decir como poner un componente que no sea un input, por ejemplo un checkbox, dentro de la fila?

Viendo el código del enlace anterior he intentado hacer esto:

const check = <input type="checkbox"/>;

let _rows = [];
    for (var i = 1; i < numberOfRows; i++) {
        _rows.push({
            id: i,
            task: "Task" + i,
            complete: Math.min(100, Math.round(Math.random() * 110)),
            priority: ['Critical', 'High', 'Medium', 'Low'][Math.floor((Math.random() * 3) + 1)],
            issueType: ['Bug', 'Improvement', 'Epic', 'Story'][Math.floor((Math.random() * 3) + 1)],
            startDate: randomDate(new Date(2015, 3, 1), new Date()),
            completeDate: randomDate(new Date(), new Date(2016, 0, 1)),
            mycolumn: {check}
    });
}

Pero no funciona.

Alguna ayuda, por favor. Gracias :)

1 respuesta 1

0

Aquí sale un ejemplo donde usan un checkbox a través de enableRowSelect para procesar las columnas seleccionadas. Algo como:

onRowSelect: function(rows) {
  this.setState({selectedRows: rows});
}
//...


<ReactDataGrid enableRowSelect={true} onRowSelect={this.onRowSelect} />

Si necesitas algo más personalizado, otra opción es que uses uno de los editores integrados en el ui de la librería, donde efectivamente hay un CheckboxEditor. Aquí sale un ejemplo de como usar un editor integrado, no necesariamente CheckboxEditor, pero te puedes hacer una idea viendo como usan AutoComplete o DropDownEditor.

2
  • Si lo había visto antes, pero esos componentes estan dentro de ReactDataGridPlugins, ¿verdad? Esta librería me da error al hacer su importación a mi fichero para usar los componentes. De ahí que no lo use.
    – XXx
    el 16 dic. 2016 a las 8:46
  • @XXx pero entonces tu problema es que no te funciona ReactDataGridPlugins, no lo que pusiste en la pregunta. Deberías agregar eso a tu pregunta, a menos que quieras crear tu propio editor personalizado, pero insisto, estás abordando tu problema desde el ángulo equivocado. el 19 dic. 2016 a las 23:07

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.