0

折りたたみ可能なパネル (モバイル用) へのノックアウトのバインドに問題があり、誰かが助けてくれることを望んでいます。

これが私が達成しようとしていることです:

  1. 概要と動的に作成されたパネルを含むフォームがあります。これらのパネルでは、ヘッダーはブランチ名にバインドされています。コンテンツには要約情報が含まれています。

  2. 各 [Branch Name] 見出し内に、[編集] ボタン (右側) を追加したいと思います。このボタンをクリックすると、a) [保存] ボタンと [キャンセル] ボタンに置​​き換わり、b) 他のすべての"残りのセクションの「編集」ボタン。保存またはキャンセル アクションが呼び出されると、すべての編集ボタンが再び表示されます。

  3. 編集モードで、ラベルを入力フィールドに置き換えたい

そしてもちろん、これにはすべてカスタムの [ko] バインディングが必要だと思いますが、それを理解できないようです。

前もって感謝します!

<div data-role="collapsible" data-collapsed="false" data-mini="true" data-theme="a" data-inset="false" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u" data-enhance="true">
<h4><span data-bind="text: Name"></span>
    This is where I'd like the EDIT, SAVE and CANCEL buttons
</h4>

<div class="ui-grid-a">
    <div class="ui-block-a">Bulk Interest</div>
    <div class="ui-block-b"><span data-bind="text: Interest"></span>
    </div>
    <div class="ui-block-a">Adjustments</div>
    <div class="ui-block-b"> <span data-bind="text: Adjustments"></span>
    </div>
    <div class="ui-block-a">Current</div>
    <div class="ui-block-b"><span data-bind="text: Current"></span>
    </div>
</div>

PS: ここにサンプル Fiddle ( http://jsfiddle.net/sal_andani/pvsky/ )があります。

4

1 に答える 1