問題タブ [knockout-mvc]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
model-view-controller - KnockoutJs辞書表示MVC
私は自分が信じている非常に基本的なことに固執しているので、このタスクを達成するためにいくつかの専門知識が必要です。
結果のリストを保存するために、整数と文字列を値として受け取る辞書があります(これを以下に示します)。私のビューモデルとコントローラーには次のコードがあり、データをJSON文字列としてノックアウトに送信します。
[ViewModelのコード]
[cshtmlファイルのコード]
私のcshtmlファイルでは、MVCコントローラーから返されたオブジェクトを解析し、それを配列に変換しています。ここでの問題は、データが表示されていないことですが、変数dataFromServerには適切なデータが含まれています。このデータがあります:
オブジェクト{1:「ケイト」、3:「アレックス」、4:「ジェーン」}
さて、このjson Resultをループして、次のようなテーブル形式で表示するにはどうすればよいですか?
テーブル
1ケイト
3アレックス
4ジェーン
前もって感謝します
ジェスモンド
asp.net-mvc - KnockoutJs & Asp.Net MVC 4 - 選択したタイプに応じてビュー モデルを変更する
私は MVC 4 と KnockoutJs を使用していますが、このシナリオで行き詰まります
ChildTypeという名前のプロパティを持つオブジェクト(親と呼ばれる)があります
_ ChildType = 1 の場合 ---> Partial-A を ViewModel-A でレンダリングします
_ ChildType = 2 の場合 ---> Partial-B を ViewModel-B でレンダリングします
私の問題に関する記事や回答はあまり見つかりませんでした。何よりも、彼らはマスターViewModelを提案していますが、どういうわけかそれが最善の方法ですが、2つ以上の子ビューモデルがある場合、マスターViewModelが非常に大きいことを意味します.
だから、それを実装するのを手伝ってください。
よろしく..
knockout.js - ネストされた配列のノックアウト マッピング
これは、データを取得してマッピングを呼び出す私の JavaScript です。
返されるデータに配列を追加するまで、問題なく動作するようです。なんらかの奇妙な理由で、ノックアウトによってマップされません。
マッピングの両側にあるオブジェクトのスクリーンショットを添付しました。私は一般的にノックアウトに慣れていません。ここで何か基本的なことを見逃していませんか?
ありがとう。
model-view-controller - ネストされた foreach のノックアウトが機能しない
次のコードを使用して、ユーザーとその役割を表示しています。
viewModel に2つの ObservableArray があるノックアウトを使用しています:メンバーとロール。
ネストされた foreach ループ内の Roles.IsUserInRole(username, role) メソッドにユーザー名とロール名を送信する方法が見つかりません。
これらのロールをモデルの各メンバーに送信するにはどうすればよいですか?
問題は次のとおりです。 @System.Web.Security.Roles.IsUserInRole(username.value, rolename.value)
knockout.js - ノックアウト js を使用したグリッドの更新
私はノックアウトjsが初めてで、ノックアウトを使用してグリッドを更新しようとしています。ここに私のビューモデルがあります
上記のコードは正常に動作し、サーバーからグリッドにデータをバインドしますが、10 秒ごとに再度バインドする方法がわかりません
このような Viewmodel 呼び出しの後に setInterval を使用しています
しかし、これは機能していません。お知らせ下さい。
asp.net-mvc - MVC3 ビュー モデルとノックアウト モデルを使用した複数の JSON パラメーター
JSON を介して MVC3 コントローラーにデータを送信する際に問題が発生しています。
私の最終的な目標は、コントローラーがノックアウトからのデータとビューからの現在のモデルの両方を受け取ることです。
観測可能な配列を問題なく取得でき、ビューの作成に使用された元のモデルを問題なく取得できました。しかし、ブラウザでモデルに加えられた更新を取得できません。
通常、サブミットは自動的にビューモデルを送り返します。そのメカニズムを呼び出すだけでよいと思います。
私のコードは現在、ノックアウト配列を正しく取得していますが、モデルは「古い」ため、サーバーからビューにデータを入力するために使用されたデータです。
JSONを介してデータを返送できるようにするメカニズムをフォームで開始する方法を本当に探しています(または別のより良い方法)
編集: データ行が変更されました。モデルを取り戻しましたが、アイテムの配列は正しくサイズ設定されていますが、空のアイテムがあります。ノックアウト マッピングがうまく機能していないようです。
コントローラーの署名:
jquery - Knockoutjsの動的テンプレートとjquery効果の可視性遷移への適用
ノックアウトjs動的テンプレートを正常に使用して、ユーザーがアイテムの詳細を表示するためにクリックしたかどうかに応じて、さまざまなビューを表示しています。
以下に含まれる基本的なコード:
これは非常にうまく機能し、誰かが単純なビューと詳細なビューのどちらを見たいかに基づいて、さまざまなビューの表示を切り替えます。
私がやりたいのは、jqueryuiエフェクトライブラリを使用して詳細ビューが下にスライドするように、いくつかの遷移エフェクトを適用することです。
これにいくつかの効果を適用できるように、これがどのように可視性の切り替えを傍受することができるのか/どうなるのか疑問に思います。
css - ノックアウト データバインドの条件付き CSS
私は単純なテーブルでノックアウトを使用して MVC3 で作業しています。
交互の行のスタイリングを適用したいので、そうしました
これはうまくいきました。
次に、特別な行に特別な行スタイルを適用したいと思いました。だから私はやった
これはうまくいきました。すべての行から CSS を削除し、その行が特別な場合に適用しているようです。そのため、代替シェーディングがなくなります。
既存のCSSが存在する場合は、これを上書きしたいと思います。
とにかく、私は少し立ち往生しており、これらすべてに慣れていません。そして、私の検索は紛らわしい結果になりました。
助けてくれてありがとう!
knockout.js - ノックアウト: 配列内の配列のフィルタリング
名前付きアイテムの配列があり、それぞれに名前付きアイテムの他の配列(ある種のツリー)が含まれています。両方の配列で名前によるフィルタリングを実装する必要があります。
したがって、最初の配列の各項目の名前を確認します。
- 名前が適切であれば、ブランチ全体を表示します。
- 名前が適切でない場合は、サブ配列をチェックしています:
- サブ配列に適切な名前の項目が含まれていない場合、ブランチは表示されません。
- サブ配列に適切な名前のアイテムが含まれている場合、適切なアイテムのみを含むブランチを表示します。
次の方法で実装しました。
したがって、うまく機能しますが、の計算はfilteredItems
私にとって醜い回避策のように見えます。さらに、私は自分のソリューションのパフォーマンスを気にしています。
誰かがこれに対するより多くの解決策を知っていますか?
javascript - WEB API プロジェクトで使用されている Knockout.js ビュー モデルから JSON 呼び出しを送信できません
Knockout.js モデル関数の 1 つから AJAX 呼び出しを送信しているときに問題に直面しています。
これは私には非常に奇妙に思えます。私のノックアウトスクリプトは次のようになります
そして、ページで使用している基になるHTMLは次のようになります-
問題は非常に奇妙に思えますが、バインディングは非常に適切だと思います。私の API 呼び出し URL は次のようなものです - Http://localhost:1234/api/user
Fiddler トラック: Fiddler を介して呼び出しをキャプチャしようとしましたが、スクリプトからのGetUsers()呼び出しが最初に発生しないようです。問題を見つけることができませんでした。助けていただければ幸いです。