0

当我想将一个控件的属性绑定到另一个控件属性时，我 WPF 它被称为元素绑定。

我必须使用 knockoutjs 进行什么绑定？

我将如何进行元素到元素的绑定？

我希望时间和总的两个 div 具有相同的宽度。

总宽度已经是可观察的，也许我只需要参考总宽度，但我想这会发生在“元素绑定”中？

还是只能通过敲除将 html 元素绑定到上下文中视图模型的任何属性？因为这意味着我的视图模型必须具有 2 个属性 time(s) 和 total ，并且在视图中枚举/绑定它们时，我只引用此视图模型的公共宽度属性。

<div id="times">
    <div>
        <div style="width:OfTotalDiv"></div>        
    </div>
    <div id="title"></div>
</div>
<div id="total">
    <div>
        <div style="width:100px"></div>     
    </div>
    <div id="title"></div>
</div>
4

1 回答 1

0

您确定为此需要数据绑定吗？您可能可以使用 css 类来做到这一点。

<style type="text/css">
    .small-boxes .this-box { width: 100px; }
    .large-boxes .this-box { width: 200px; }
</style>

<body class="small-boxes">
    <div id="times">
        <div>
            <div class="this-box"></div>
        </div>
    </div>
    <div id="total">
        <div>
            <div class="this-box"></div>
        </div>
    </div>
</body>

$('body').toggleClass('small-boxes large-boxes');

如果你真的需要绑定，你可以这样做：

<div id="times">
    <div>
        <div data-bind="style: { width: widthOfTotal }"></div>
    </div>
</div>
<div id="total">
    <div>
        <div data-bind="style: { width: widthOfTotal }"></div>
    </div>
</div>

在视图模型中：

self.widthOfTotal = ko.observable('100px');
于 2013-07-02T10:11:23.900 回答