可能重复:
Autocomplete combobox with Knockout JS template / JQuery
我们正在研究MVC / MVVM / JQuery / Knockout项目。因此,客户端大部分都是断开连接的,所有数据都由控制器初始化并序列化到我们的客户端视图模型中。我遇到了自动填充问题,并创建了一个可行的自定义jquery自动完成功能,但我需要更容易实现。我们使用jqAuto但是一旦我们删除了我们的数据存根并开始从服务器接收它我无法让它工作......我尝试并尝试了更多...只是不起作用。
所以这就是我所拥有的...而且它有效。
<input id="DiagramNumberInput" />
<input id="DiagramNumberSelectionID" data-bind="value:viewModel.SelectedValue"/>
$('#DiagramNumberInput').autocomplete({
source: $.map(viewModel.InitializationValues.ListsOptions.AvailableDiagramNumbersArray(), function (item) {
return {
lable: item.Name(),
value: item.Name(),
id: item.ID()
};
}),
minLength: 1,
select: function (event, ui) {
$('#DiagramNumberSelectionID').val(ui.item.id);
}
});
正如我所说,我有很多自动填充功能,我需要封装这个功能,并希望它能够工作,所以我不必为选定的ID绑定使用单独的html输入。
以下是我正在寻找的内容
<input id="DiagramNumberInput" data-bind="value: myfunction(myarray, viewModel.SelectedDiagNumberID)/>