javascript - 我尝试按照给出的示例使用 JQuery UI 自动完成创建一个对象,但是它目前不起作用
问题描述
我尝试使用我的代码复制 jQuery UI 的示例,但是当前未显示自动完成功能。
该示例来自此处: https ://jqueryui.com/autocomplete/#custom-data
<input id="FeatureSearch" tabindex="1" class="form-control" @*id="child-name"*@ placeholder="" required="" aria-required="true" type="text" style="width:420px;float:right"><br />
@*<input id="autoComplete" tabindex="1">*@ <!-- Default "id" value = "autoComplete"> -->
<input type="hidden" id="search-id">
<p id="parent-name"></p>
<input type="hidden" id="parent-id">
$(function () {
var ProductFeatures = @Html.Raw(Json.Encode(Model.AllFeatureNames))/*Json.Encode(*/@*'@Model.AllFeatureNames'*@;
$("#FeatureSearch").autocomplete({
source: ProductFeatures,
focus: function (event, ui) {
$("#FeatureSearch").val(ui.item.Name);
return false;
},
select: function (event, ui) {
$("#FeatureSearch").val(ui.item.Name);
$("#search-id").val(ui.item.Id);
if (ui.item.ParentId != null) {
$("#parent-name").val(ui.item.ParentName);
$("#parent-id").val(ui.item.ParentId);
}
return false;
},
appendTo: "#searchbox",
}).autocomplete("instance")._renderItem = function (ul, item) {
return $("<li>")
.append("<div>" + item.Name + "<br>" + item.ParentName + "</div>")
.appendTo(ul);
};
});
解决方案
推荐阅读
- mockito - junit5 +weld + mockito 扩展,如何注入@Context 对象
- python - 在 matplotlib 中交互式显示 PPI 的反射率数据
- python - 有没有办法为 Django 中的每个 ValidationError 设置不同的 id?
- android - 无法弄清楚为什么我的 ActivityTransition 示例不适用于 BroadcastReceiver
- flutter - 如何在颤振中访问根应用程序状态?
- angular - 在Angular Typescript中将一个数组的值分配给另一个具有不同属性名称的数组
- django - 我想更新一组模型对象但它不起作用
- python - python日期时间字符串到时间格式
- cron - 每月第二个星期日触发的 Azure 函数 Cron 表达式是什么?
- reactjs - AntD React:在 DateRangePicker 中禁用特定日期的时间范围