twitter bootstrap自动完成下拉/组合框与Knockoutjs

前端之家收集整理的这篇文章主要介绍了twitter bootstrap自动完成下拉/组合框与Knockoutjs前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个要求,我有使用引导自动完成下拉,但用户可以有自由表单文本在下拉如果他们希望。在你考虑TypeAhead之前,我可以使用Bootstrap TypeAhead文本框,但我需要有下拉,因为我们想给一些默认值作为headstart选项,以防用户不知道要搜索什么。

我使用这个与MVC DropDownListFor为我们创建一个选择控件。

我发现这篇文章,这是为我。

https://github.com/danielfarrell/bootstrap-combobox/pull/20

所有我要做的是从选择控件取消名称,控件是让我输入自由格式文本。所有好到目前为止。

现在,我使用这与Knockoutjs结合。我将我的选项和选择的值绑定到选择控件,然后在我的模板的行呈现,我调用(selector).comboBox()使选择控制引导comoboBox添加一个输入控件和隐藏的选择控件在场景背后。

现在的问题是,当我试图让他的值发布到服务器,因为我放在输入框中的值不是一个有效的选项,我给选择控件,它总是将其设置为第一个选项默认。这是因为,我设置选择控件上的选择值的绑定,而不是在由bootstrap-comboBox.js创建的输入框。

我的问题是如何获得输入框数据绑定到相同的porperty作为选择控件绑定到。

任何其他选项?
如果您需要更多说明或有问题,请与我们联系。
请建议。

谢谢。

解决方法

看看 Select2 for Bootstrap.它应该能够做你需要的一切。

另一个好的选择是Selectize.js.它感觉有点更加自然的Bootstrap。

猜你在找的Bootstrap相关文章