AutoQueryGrid Vue

Hi I have the following AutoQueryGrid

    <AutoQueryGrid
        id="hirerGrid-notes"
        :filters="defaultFilters"
        :store-key="null"
        selected-columns="id,note,createdBy,createdDate"
        table-style="verticalLines,uppercaseHeadings"
        type="HirerNote"
    >

Which uses the following dto

public class CreateHirerNote : ICreateDb<HirerNote>, IReturn<HirerNote>
{
    [ValidateNotEmpty] public Enums.NoteType? NoteType { get; set; }

    [ValidateNotEmpty]
    [Input(Type = "textarea")]
    public string? Note { get; set; }

    [ValidateNotEmpty]
    [Input(Type = "hidden")]
    public int? HirerId { get; set; }
}

I’m having no luck when creating a new entry and trying to populate the HirerId which is hidden.

Can you suggest an approach/example I can implement?

Thanks

Have a look at Custom Auto Forms docs, which shows how you can extend the AutoQuery Forms with <template #formfooter>.

The AutoQueryGrid Template Slots shows the different extensibility points within AutoQueryGrid from extending existing forms or replacing them with your own in <template #createform> and <template #editform>.

1 Like