0

I WPF コントロールのプロパティを別のコントロール プロパティにバインドする場合、要素バインディングと呼ばれます。

ノックアウトjsを使用してどのバインディングを取る必要がありますか?

そして、要素間のバインディングをどのように行うのでしょうか?

回と合計の両方のdivの幅が同じであることを望みます。

全体の幅はすでに観察可能です。全体の幅を参照する必要があるだけかもしれませんが、これは「要素バインディング」で発生すると思いますか?

または、コンテキスト内のビューモデルの任意のプロパティに html 要素をバインドすることは、ノックアウトでのみ可能ですか? これは、ビューモデルに time(s) と total の 2 つのプロパティが必要であることを意味するため、ビューでそれらを列挙/バインドするときに、このビューモデルの共通の幅プロパティを参照するだけです。

<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 に答える