Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Trying to unravel the mystery of field binding

Abierto
  • ¿Algo no está bien?
#144 1 comentario 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
25/100
Tipo de issue
Documentación
Claridad
Necesita aclaración
Estado de actividad
Estancado
Stack tecnológico
javascript, node.js
Área
backend, documentation

Línea de trabajo

Comienza con la documentación de binding y el ejemplo de construcción dinámica de campos del issue, centrándote en cómo se proporciona un valor inicial a un campo de entrada generado. Aclara el punto de entrada compatible y muestra qué debería visualizarse tras una renderización correcta, abordando también si bind está pensado para este uso.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Needs More Info

I'm dynamically creating a form based on info loaded from a json file. I've tried everything I can think of to get a value loaded from the json to display in a widget but nothing I've tried works.
The documentation regarding binding is (in my opinion) a bit opaque.
(forgive me if binding is not the right functionality - it just seemed to be what I was looking for)

This is the last obstacle I have to overcome before using forms in production.
Could someone show me the error of my ways? Thanks in advance.

To summarize: As I build the form, I have a value that I want to insert into the form input element that will be visible when the page is rendered.

/* configObject is an object parsed from json I load from a file

each itemElement below contains:
 {
    "value": <a string>,
    "type": <a string - 'integer', 'float', 'string', or 'boolean'>,
    "length": <an integer>
 }

 i.e.
    fieldName1: {
        "value": "contentOfFieldName1",
        "type": "string",
        "length": 12
    }  

*/

_.each(configObject, function (itemElement, itemIndex) {
    if (['integer', 'float'].indexOf(itemElement['type']) >=0) {
        fieldType = 'number'
    } else {
        fieldType = itemElement['type'];
    }
    /* 
       At this point, itemElement.value = the value I want to insert as the visible value of the form field.
       How do I do this?
       I've tried newField.bind(itemElement.value);
    */
    var newField = fields[fieldType]({required: true});

    //newField.bind(itemElement.value);  // no error but nothing happens

    formObject[itemIndex] = newField;

    //formObject[itemIndex].bind(itemElement.value);  // no error but nothing happens
    //formObject.bind({itemIndex: itemElement.value}); // error: formObject has no method 'bind' });
Lenguaje dominante
JavaScript
Estrellas
1k
Forks
160
Sin PR fusionados en 30 d

Preparar el entorno

Este proyecto no incluye contenedor de desarrollo, Dockerfile ni guía de contribución, así que la configuración corre por tu cuenta: empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de caolan/forms

Todos los issues de caolan/forms

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.