与淘汰赛中的自动填充文本框相关的问题

时间:2016-12-20 10:20:37

标签: asp.net asp.net-mvc knockout.js

我有使用knockoutjs的webapplication

我必须在网络表单中实现自动填充文本框

我接受了以下教程

https://www.npmjs.com/package/knockout.autocomplete

我添加了以下代码:

@FormID VARCHAR(20)

它工作正常,但它只绑定文本,我想绑定文本和值对。

我如何在上面的代码中实现?

谢谢

1 个答案:

答案 0 :(得分:0)

我还没有对此进行测试,但看起来它允许您传递格式化程序,因此您可以设置它将如何显示给用户。

var viewModel = {
  keywords: ko.observableArray([
    { name: 'Abstract', value: 'abstract' },
    { name: 'Break', value: 'break' }
  ]),
  format: function (value) {
    // This is what is shown in the list, only pass what you want
    return value.name;
  },
  selected: ko.observable(),
  onSelect: function (value) {
    // value should be your name/value object
    viewModel.selected(value);
  }
};

<input data-bind="autocomplete: {
    data: keywords, 
    maxItems: 6,
    format: format,
    onSelect: onSelect
}" value=""/>