DevExtreme Autocomplete Custom ItemTemplate

Question

有没有办法在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/

Answer 1

DevExtreme autocomplete不直接支持页眉和页脚。最好的办法是在数据源中添加一个开始和结束项。为您的商品添加类型属性：

[ { ＆＃34;输入＆＃34;：＆＃34;标题＆＃34;， ... }， { ＆＃34;输入＆＃34;：＆＃34;数据＆＃34; ... }， { ＆＃34;输入＆＃34;：＆＃34;数据＆＃34; }， { ＆＃34;输入＆＃34;：＆＃34;页脚＆＃34; } ]

在项目模板中，检查type属性以相应地设置项目的样式。