Question

问题在于，当我将选项绑定到下拉列表时，＆＃34; ui下拉列表＆＃34;使它消失，我的浏览器中没有任何内容（它在jsfiddle中正确使用css）。如果我删除那个css，那么我会看到开箱即用的下拉列表。

创建一个包含viewmodel集合的表，并希望下拉各个风险的值

//part of the viewmodel
var ViewModel = {
Collection: ko.observableArray(),
availableRisks: ['L', 'H'],

使用

$('.ui.dropdown').dropdown();

没有帮助。适用于下拉列表的示例代码：

http://jsfiddle.net/7vh2t33m/2/

Answer 1

有jQuery UI和knockout的绑定，使用它们。 http://gvas.github.io/knockout-jqueryui/

经验法则，在淘汰赛应用程序中，除了淘汰赛或没有通知淘汰赛外，没有任何东西可以触及DOM。因此，将淘汰赛与jQuery UI混合在一起，没有任何能够弥合它们之间差距的东西是行不通的。

取自knockout-jqueryUI selectmenu binding documentation中的示例：

var ViewModel = function () {
  this.items = ko.observableArray([
      { id: '1', text: 'First' },
      { id: '2', text: 'Second' },
      { id: '3', text: 'Third' },
      { id: '4', text: 'Fourth' }
  ]);
  this.value = ko.observable('1');
};

ko.applyBindings(new ViewModel());

并在视图中

<!-- ko foreach: items -->
<input type="radio" name="radios" data-bind="attr: { value: id }, checked: $parent.value" />
<!-- /ko -->
<br/>
<select data-bind="value: value, selectmenu: { width: 300 }, options: items, optionsValue: 'id', optionsText: 'text'">
</select>
<br />

下载css不使用knockout bind选项

1 个答案: