問題タブ [knockout-mapping-plugin]

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.

0 投票する
1 に答える
467 参照

orm - redbeanはknockoutjsの実行可能なormですか?

redbeanphp の Bean Can Server は、ノックアウトに役立つ orm になります (マッピング プラグインを使用しますか?)。私は 1 対多、多対多、1 対 1 の関係を持つ mysql データベースを持っています (または持つ予定です)。単一のフォーム ベースのインターフェイスで、レコードとそれに関連するすべてのデータをオブジェクトとして編集したいと考えています。

UIに関する限り、ネストされたjsonオブジェクトを操作し、htmlで表示し、フォーム要素テンプレートを使用して編集し、必要に応じてdomに追加します。

beancan サーバー (または単にエクスポート/インポート関数) が Bean を json オブジェクトに変換し (逆も同様)、ノックアウトがオブジェクトの変更を処理します。beancan サーバーは、mysql データベースを使用して crud 関数を管理します。おそらく、couchdb などのスキーマレス データベースを使用する必要がありますが、この場合はオプションではありません。

これはとんでもないことですか?または実行可能ですか?redbean の複雑な往復の例を見つけることができないようです。そのため、これが理にかなっているかどうかはわかりません。私はフレームワークで多くの成功を収めてきました。ほとんどの場合プログラマーではありませんが、具体的な例があれば概念を理解できます。どんな助けでも大歓迎です。

0 投票する
1 に答える
10129 参照

knockout.js - JSONオブジェクトをJavascriptオブジェクトにマッピングするKnockout.js

サーバーから受け取ったJsonオブジェクトを、バインディングで使用されるすべての必要な関数を含む事前定義されたJavascriptオブジェクトにマッピングする際に問題が発生しました

Javascriptコードは次のとおりです

HTML:

初期データを取得するためのServerSideMVCコードは次のようになります。

マッピングプラグインを使用してJsonをJavascriptオブジェクトにロードし、バインディングですべてが利用できるようにしようとしています(Add関数とFriendオブジェクトの計算されたプロパティ)。

マッピングプラグインを使用すると、機能しないようです。プラグインを使用する場合、バインディング中にAddFriendメソッドを使用することはできません。マッピングプラグインを使用してJavaScriptPersonオブジェクトにデータを入力することは可能ですか、それともすべてを手動で行う必要がありますか?

0 投票する
1 に答える
4706 参照

knockout.js - KnockoutJSマッピングプラグインの混乱

マッピングプラグインを使用するときに、いつどこでviewModelを宣言する必要があるかについて混乱しています。

これが私のjsonファイルです:

これがhtmlテンプレートです:

残りは次のとおりです。

よろしくお願いします!

0 投票する
2 に答える
2023 参照

knockout.js - ネストされた配列コレクションのオブザーバブルがノックアウトで機能しない

各会社をクリックすると、その会社の営業担当者を表示する必要がある会社リストがあります。

これをノックアウトしてみました。以下はスクリプトで、全体はhttp://jsfiddle.net/habdulha/gkqeD/29/にあります。

最初の会社が表示されますが、営業担当者が読み込まれていない会社をクリックします。

0 投票する
1 に答える
1425 参照

knockout.js - Knockout JS-テーブルのカスケードドロップダウン(グリッド)

MVC3とKnockoutJSを使用してカスケードドロップダウンのシナリオを実装しようとしています。

シナリオ例:以下は、htmlテーブルにドロップダウンとして2番目と3番目の列があり、列ドロップダウンがテーブルドロップダウンの選択に基づいて入力されるように、カスケードスタイルで実装したい場合です。

例を取得しましたhttp://knockoutjs.com/examples/cartEditor.html しかし、すべてのJSONデータを含む完全なコードを取得できなかったため、これを正確に実装する方法を理解できませんでした。

0 投票する
4 に答える
10995 参照

knockout.js - オプショングループでKnockoutjsを選択

optionsGroup を指定できる Knockoutjs バインディングの方法はありますか? 次のようなもの

返信してください。

0 投票する
1 に答える
973 参照

knockout.js - ノックアウト依存の観測可能な発砲2回

Castle Monorail&NVelocityViewEngineを使用しています。私は次のモデルを持っています:

select data-bind = "value:dto.referralReason、options:referralReasonOptions.Options、optionsText:'DisplayName'、optionsValue:'Id'">

dto.referralReason(または$ dto)が空の場合、sampleModel.showOtherReasonが1回起動し、IDを警告します。奇妙なことに、$ dtoが空でない場合、sampleModel.showOtherReasonが2回実行され、2つのアラートがポップアップします。最初のアラートは正しい「1405」を示しますが、その後、「未定義」の別のアラートを発生させます。データがある場合、誰かがそれが2回発火していることを知っていますか?ありがとう。

0 投票する
3 に答える
5093 参照

knockout.js - ノックアウトのマッピングは、観察可能な配列を壊します

Knockoutのマッピングプラグインで奇妙な問題が発生しています。

マッピングを介して監視可能な配列を埋めると、UIが正しく更新されていても、配列を反復処理したり、その長さを取得したりできません。配列は空のように見えます。

ここで動作するjsFiddleを見つけることができます:http://jsfiddle.net/VsbsC/

これはHTMLマークアップです:

これはJavaScriptコードです:

[ロード]ボタンをクリックすると、レコードと合計の両方が正しく表示され、[チェック]ボタンをクリックすると、正しいアイテム番号が表示されます。

しかし、私が変更した場合

UIは引き続き正しくレンダリングされますが、合計はゼロを示し、[チェック]をクリックするとゼロも生成され、console.info-ingを実行self.itemsすると空の配列が生成されます。

これはどのように可能ですか?チュートリアルを何度も読み直しましたが、何が間違っているのか理解できません。

Ps実際のページでは、値はAJAXリクエストから取得されているため、マッピングプラグインを介して監視可能な配列を埋める必要があります。

0 投票する
2 に答える
3947 参照

knockout.js - Knockoutjs を使用した入れ子になった JSON のデータ バインディング

配列の配列を含む JSON 構造があります。Observableデータを含むObservable Arrayでオブジェクトを定義し、それらのオブジェクトを他のArrayとObservableにネストするビューモデルがあります。

Observable データを含むネストされた Observable Array を含む View Model をロードする最も簡単な方法は何ですか?

例: http://jsfiddle.net/uyQb6/1/

0 投票する
4 に答える
8885 参照

data-annotations - ノックアウト テンプレート バインディングで控えめなクライアント検証

私はデータ注釈付きのモデルを持っており、ノックアウト テンプレート バインディングとマッピング プラグインを使用してビューモデルと動的にバインディングしています。私は自分のモデルで目立たないクライアント検証を実行しようとしています。このシナリオでそれを行う方法。ヘルプ/提案はありますか?

私の見解では、ajax を使用して MyUser のリストを動的にテンプレート バインドしています。

意見: