Стилизация BlazoredTypeahead приводит к созданию SyncFusion SfGrid.

Я новичок в элементах управления Blazor и SyncFusion. Я пытаюсь создать сетку в EditForm, чтобы разрешить автозаполнение/ввод.

                     <div class="row">
                <div class="col-lg-12">
                    <SfGrid AllowResizing="true"
                            DataSource="@myRequestClass.Items">
                        <GridColumns>
                            <GridColumn Field=@nameof(MyObject.ItemNumber)
                                        HeaderText="Item Number"
                                        Type="ColumnType.String">
                                <Template Context="requestItemNumber">
                                    <BlazoredTypeahead SearchMethod="@SearchResources"
                                                       TValue="Item"
                                                       TItem="Item"
                                                       MinimumLength="2"
                                                       MaximumSuggestions="10"
                                                       Value="selectedResult"
                                                       ValueChanged="SelectedResultChanged"
                                                       ValueExpression="@(() => selectedResult)">
                                        <SelectedTemplate Context="item">
                                            <span>@(item.ItemNumber)</span>
                                        </SelectedTemplate>
                                        <ResultTemplate Context="item">
                                            <span>@(item.ItemNumber)</span>
                                        </ResultTemplate>
                                        <NotFoundTemplate Context="notFoundContext">
                                            Sorry, there weren't any search results.
                                        </NotFoundTemplate>
                                    </BlazoredTypeahead>
                                </Template>
                            </GridColumn>
                        </GridColumns>
                    </SfGrid>
                </div>
            </div>

Это выглядит так: результаты div находятся под ячейкой или заканчиваются в конце ячейки:

Используя inspect, я могу изменить положение div результатов с абсолютного на относительное, и он отображает записи, которые мне нужны, но расширяет базовый div e-gridcontent.

Я хотел бы, чтобы результат div плавал над любыми другими элементами под текстовым полем.

0 ответов

Другие вопросы по тегам