DevExtreme Автозаполнение Custom ItemTemplate

Есть ли способ добавить верхний и нижний колонтитулы в шаблон элемента DevExtreme autocomplete?

Прямо сейчас я получаю свой список из своего источника данных и заполняю шаблон, но это только элементы, но я не могу найти способ добавить верхний и нижний колонтитулы.

это моя текущая установка

@(Html.DevExtreme().Autocomplete()
                              .DataSource(ds => ds.WebApi().Controller("Search").LoadAction("SearchEmployees"))
                              .Placeholder("Search for employees")
                              .MinSearchLength(3)
                              .Height(66)
                              .OnItemClick("onItemClick")
                              .DisplayExpr("source.fullName")
                              .ItemTemplate(@<text>
                                                <div class="media">
                                                    <div class="pr-20">
                                                        <a class="avatar avatar-online">
                                                            <img class="img-circle img-sm" src="#someimage">" title="title"/>
                                                        </a>
                                                    </div>
                                                    <div class="media-body">
                                                        <h5 class="mt-0 mb-5">
                                                            <%= source.fullName %> <small>(<%= source.employeeId %>)</small>
                                                        </h5>
                                                        <p>
                                                            <small> Comapny : <%= source.companyName %></small><br/>
                                                            <%for (i = 0; i < hightlights.length; i++) { %>
                                                            <small> <%= hightlights[i].key %> : <%= hightlights[i].value %></small><br/>
                                                            <%}%>
                                                        </p>
                                                    </div>
                                                </div>
                                             </text>))

https://js.devexpress.com/Demos/WidgetsGallery/#demo/editorsautocompleteautocompleteautocomplete/


person R4nc1d    schedule 23.11.2017    source источник
comment
Непонятно, что означает header and a footer. Похоже, что опция ItemTemplate должна вам помочь.   -  person Sergey    schedule 24.11.2017


Ответы (1)


Автозаполнение DevExtreme не поддерживает напрямую верхние и нижние колонтитулы. Лучше всего добавить начальный и конечный элементы в источник данных. Добавьте свойство типа к вашим элементам:

[{"тип": "заголовок", ...}, {"тип": "данные" ...}, {"тип": "данные"}, {"тип": "нижний колонтитул"}]

В шаблоне элемента проверьте свойство type для соответствующего стиля элемента.

person Bryan Vam    schedule 29.11.2017