添加带有typeahead的可搜索文本框以形成

时间:2014-10-01 15:16:33

标签: asp.net forms bootstrap-typeahead

我在asp.net mvc视图中有一个表单。

表单包含一个文本框,用于编辑模型的用户名属性。 我想将bootstraps typeahead添加到此文本框中,在输入时搜索用户。

据我所知,typeahead应该发布一个表单,但是我不能在表单中放一个表单(因为我想在表单回发中使用typeaheads搜索结果)。

我该如何解决?可以在不使用Ajax的情况下完成吗?

修改

选定的用户名会影响表单的内容,这一点非常重要。所以不知怎的,我必须发布预先选择,在服务器中修改模型,结果是更新的表格。之后,用户填写剩余的字段而不是发布表单。

1 个答案:

答案 0 :(得分:0)

Typeahead可以在任何<input type="text">上运行,您应该检查示例中的元素。当你这样做时,你会注意到输入有一个名为data的{​​{1}}绑定,它只是一个字符串数组。然后,只要您键入,它就会过滤掉这些字符串。

你当然可以通过ajax填充该数组。您可能希望找到某种方法来解除data-source与表单的关联。虽然它可能不是一个大问题。