¿Dónde encuentro código de ejemplo para aprovechar el potencial de QuickGrid editable?

Question

Buen día y gracias de antemano por su ayuda. Estoy construyendo una aplicación en Blazor Web App, tengo la base de datos en SQL, a una tabla de personas le hice scaffold para hacer el CRUD, funcionó bien. Ahora quiero que la lista de personas me permita convertirla en un Grid Editable, donde tocando los datos de la línea que me presenta los pueda modificar, borrar etc. ¿Hay algún ejemplo que me pueda servir?

Answer 1

Hola Yuver,

¡Bienvenido(a) a Microsoft Q&A!

Lamentamos mucho la demora en darle una respuesta a tu tema en este foro. Si todavía tienes la misma consulta, por favor ten en cuenta que nosotros no soportamos problemas relacionados a código sin embargo, puedes usar el componente QuickGrid en Blazor para crear un Grid Editable. Aquí tienes un ejemplo básico de cómo hacerlo:

Configura el componente QuickGrid:

   <QuickGrid Items="personas">
       <PropertyColumn Property="p => p.Nombre" Title="Nombre"></PropertyColumn>
       <PropertyColumn Property="p => p.Edad" Title="Edad"></PropertyColumn>
       <TemplateColumn>
           <input type="text" @bind="context.Nombre" />
       </TemplateColumn>
       <TemplateColumn>
           <input type="number" @bind="context.Edad" />
       </TemplateColumn>
   </QuickGrid>

Maneja los cambios de datos: Asegúrate de que los cambios en los inputs se reflejen en tu modelo de datos usando la directiva @bind-Value:

   <TemplateColumn>
       <input type="text" @bind-Value="context.Nombre" />
   </TemplateColumn>
   <TemplateColumn>
       <input type="number" @bind-Value="context.Edad" />
   </TemplateColumn>

Agregar validación (opcional): Puedes agregar lógica de validación para los campos de entrada:

   <TemplateColumn>
       <input type="text" @bind="context.Nombre" class="@(context.Nombre.Length < 3 ? "invalid" : "valid")" />
   </TemplateColumn>

Espero que la información brindada fuera útil. Adicionalmente, por favor ten en cuenta que si no recibimos una respuesta a este hilo en un plazo de 4 días hábiles, lo consideraremos cerrado. Si tienes la misma consulta y la información proporcionada no te resulta útil, no dudes en crear un nuevo hilo.

Atentamente,

Gao

---

Si esta respuesta resolvió tu consulta, por favor haz clic en 'Aceptar respuesta'. Esto nos ayuda a mejorar continuamente la calidad y relevancia de nuestras soluciones.