0

選択/ドロップダウンでの選択に基づいて、この UI を更新するにはどうすればよいですか?

たとえば、選択/ドロップダウンからメンバー名を選択した場合、テーブルを更新/フィルタリングして、それらのメンバー行 (メンバー名は右端の列にあります) とそれに対応する日付ヘッダー (灰色の背景) のみを表示します。

選択/ドロップダウンからプロバイダー名を選択した場合、テーブルを更新/フィルタリングして、それらのプロバイダー行 (左側の列のプロバイダー名) とそれに対応する日付ヘッダー (灰色の背景) のみを表示します。

KO マッピング プラグインを使用しています。ダミー データはハード コードされており、最終的には ajax 経由で返されます。

ここにすべてのコードのフィドルがあります (すべて HTML ペインにインライン化されているだけです)。必要に応じて、これをコピーして貼り付け、ローカルで実行することもできます。

http://jsfiddle.net/qBGTh/

どんな助け/指示も大歓迎です!

4

1 に答える 1

0

私の提案は、フィルタリングされた配列を返すeobレベルで計算値を使用することです。マッピングプロセス中にこの計算された値を追加するには、マッピング オプション パラメータでcreateコールバックを使用してeobオブジェクトの作成をカスタマイズする必要があります ( mapping docを参照) 。

これが更新されたフィドルで、実際の動作を確認できます。

また、2 つの選択要素の現在の値を取得するために、さらに 2 つのオブザーバブルを追加することを忘れないでください。計算された値は、これら 2 つのオブザーバブルに依存します。

注: 提供されたフィドルは、マッピングJavaScript が IE に必要なcontent-typeヘッダーを返さないgithub が配置されているため、IE では実行され ません。

于 2012-09-19T20:44:18.637 に答える