折りたたみ可能なパネル (モバイル用) へのノックアウトのバインドに問題があり、誰かが助けてくれることを望んでいます。
これが私が達成しようとしていることです:
概要と動的に作成されたパネルを含むフォームがあります。これらのパネルでは、ヘッダーはブランチ名にバインドされています。コンテンツには要約情報が含まれています。
各 [Branch Name] 見出し内に、[編集] ボタン (右側) を追加したいと思います。このボタンをクリックすると、a) [保存] ボタンと [キャンセル] ボタンに置き換わり、b) 他のすべての"残りのセクションの「編集」ボタン。保存またはキャンセル アクションが呼び出されると、すべての編集ボタンが再び表示されます。
編集モードで、ラベルを入力フィールドに置き換えたい
そしてもちろん、これにはすべてカスタムの [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/ )があります。