3

我希望根据模型\对象状态设置不同的数据主题属性。在这里,我只是为数据主题属性(jQuery Mobile)设置了“b”或“d”。我可以让它工作:

<!-- ko if: $data.id() == $parent.selectedMatchId() -->
    <li data-bind="text: $data.date" data-theme="b"></li>
<!-- /ko -->
<!-- ko ifnot: $data.id() == $parent.selectedMatchId() -->
   <li data-bind="text: $data.date" data-theme="d"></li>
<!-- /ko -->

这有点难看。我想(希望)我可以在属性绑定器中使用表达式,但是 Knockout 绑定引擎不喜欢我给它的东西。

<li data-bind="text: $data.date,
      attr: {'data-theme' : $data.id() == $parent.selectedMatchId() : 'd' ? 'b'}"></li>

有没有比我正在使用的“ko if”和“ko ifnot”更清洁的方法?

4

2 回答 2

2

您可以使用模板绑定。使用此绑定,您可以动态选择要使用的模板。

文档在这里: http: //knockoutjs.com/documentation/template-binding.html#note_4_dynamically_choosing_which_template_is_used

于 2012-03-07T18:44:49.483 回答
0

我更喜欢使用自定义绑定来更改我的 jquery 移动主题。例如,根据 true 或 false 可观察值更改按钮的主题,以指示按钮是否被选中:

自定义绑定:

ko.bindingHandlers.jqmButtonTheme = {
    init: function (element, valueAccessor)
    {
        var value = valueAccessor();
        ko.utils.unwrapObservable(value) ? $(element).buttonMarkup({ theme: 'b' }) : $(element).buttonMarkup({ theme: 'a' });
    },
    update: function (element, valueAccessor)
    {
        var value = valueAccessor();
        ko.utils.unwrapObservable(value) ? $(element).buttonMarkup({ theme: 'b' }) : $(element).buttonMarkup({ theme: 'a' });
    }
};

JSFiddle 示例:

http://jsfiddle.net/RVLqJ/10/

于 2013-02-11T17:12:56.937 回答