問題タブ [canjs]

次のプロジェクトで BackboneJS/CanJS を使用する 2 つの選択肢の間で混乱しています。誰がどちらが良いか提案できますか?

この口ひげのテンプレートが下にあるとしましょう。連絡先とカテゴリは、基本的にオブジェクトの配列です。

私がやりたいことは、連絡先|カテゴリとカテゴリ|データを比較して、オプションタグ内で「選択済み」を生成することです。

だから私がしたことは、次のように sameCategory を実装することでした:

残念ながら、文字列ではなく両方のパラメーターのオブジェクトを取得しているため、等価条件は失敗します。私は何を間違っていますか？registerhelper 以外にこれを行うより良い方法はありますか?

裏付けデータ:

これらのコードは、サンプルのDiving into CanJSの記事から引用しました。

destroyモデル インスタンスの呼び出しが、それが接続されている Model.List にどのように影響するかを理解するのに苦労しています。

ドキュメントには次のように記載されています。

can.Model.List が従来の can.List よりも優れている点の 1 つは、モデルを破棄すると、モデルがそのリストにある場合、リストから自動的に削除されることです。

ただし、このコードを実行すると:

コンソールに表示される内容は次のとおりです。

破棄を呼び出した後、要素がまだ Model.List にあるのはなぜですか? destroyedおよびremoveイベントがトリガーされないのはなぜですか?

私がデバッグしようとしている実際のコードでは、呼び出すとdestroyDELETE リクエストがトリガーされ、サーバー上でオブジェクトが期待どおりに削除されることに注意してください。ただし、Model.List からは削除されないため、関連付けられたビューからも削除されません。

私はCanJS APIのドキュメントを読んでいて、 can.Construct.extend http://canjs.com/docs/can.Construct.extend.htmlに出くわしました.can.Constructがコンストラクター関数を作成することは知っていますが、使用法を理解することはできませんcan.Construct.extendの。can.Construct と can.Construct.extend の違いを教えてください。例を挙げて説明できれば、それは素晴らしいことです。

前もって感謝します

HTML スニペット

私が初めてのCanjs。

});

ajax に渡すことができるようにデータ型を取得してみてください (たとえば、/love/34?type=image ですが、/love/34?undefined が返され続けます。どこを見落としたのかわかりません。

助けに感謝します。前もって感謝します。

サーバーで実行されるジョブのリストを表すモデルがあります

タイマーでサーバーをポーリングして、ジョブの状態の変化を表示したいと考えています。

どうすればいいですか？

私のコントロールは次のようになります

私のモデル、これまでのところこのように見えます

検索ページと編集ページがあります。ユーザーを検索し、結果を取得したら、ユーザーを編集できます。私は CanJS を使用しており、ページごとにルートを定義しています。

FormUser には、saveButton のクリック イベントがあります。ユーザーを検索してから編集ボタンを押し、何かを変更して変更を保存すると、正常に動作します。しかし、保存後に検索ページに戻って以前と同じことをすると、保存ボタンが 2 回呼び出されます。なぜこれが起こっているのか分かりません。私は何を間違っていますか？

編集 私はそれを機能させました。新しい編集ボタンをクリックするたびに、どういうわけかビューが別のビューの上に配置されていましたが、古いものを置き換えていませんでした。

だから私はこれを試してみましたが、うまくいきました：

CanJS で EJS テンプレートを使用しており、EJS コードをデバッグする方法を探しています。現在、firebug は EJS の構文エラーを表示できますが、他のブラウザーでは何も表示されません。エラーを解決するには、EJS ファイルを非常に注意深く調べる必要があります。ウェブで検索したところ、ejs_fulljslint https://code.google.com/p/embeddedjavascript/が見つかりましたが、これを正しく実行できませんでした。スクリプトを HTML ファイルに含めましたが、コンソール エラーは発生しませんでした。Web でデバッグのデモを見つけることができません。

私の EJS コードをデバッグする方法を教えてください。例を挙げていただければ幸いです。

私のアプリでは Leaflet を使用していますが、かなり使いこなしたので、物事を成し遂げる「リーフレットの方法」を理解したと確信しています。

すべてのマーカーに対して 1 つの静的レイアウトがあるため、変数データを挿入して HTML を提供する単純な Mustache テンプレートを作成しました。

これは期待どおりに機能し、適切に表示される HTML 文字列になります。

しかし、ポップアップを閉じて再度開くと、空のポップアップ コンテンツが表示されます。

私が考えたのは、L.Popup クラスを拡張し、HTML コードに固定された _content を設定することでした。しかし、それが少し圧倒されていないかどうかはわかりません。

ご協力ありがとうございました。

ステファン

Web ページに MVC を使用する場合、特に、データ (モデル) を変更するだけで、モデルに変更が加えられるとビューが自動的に更新され、モデルを反映するようにビューにモデルを「観察」させる場合モデル、どうすればアニメーションを静止させることができますか?

(更新:ビューは、たとえば can.js の Mustache や Handlebars などのテンプレートにすぎないため、どのようにアニメーション化できますか?)

たとえば、2 列のカードがあるとします。ユーザーは最初の行をクリックして、カードを 2 番目の行に「移動」できます。したがって、MVC を使用しない場合は、行 1 でカードをフェードアウトし、行 2 の最後までカードをフェードインできます。しかし、実際に 2 つの配列を使用し、2 つのビューにこれら 2 つの配列を観察させ、2 つの配列がどのように変化してもビューがモデルを反映する場合、実際にフェードアウトとフェードインを行うにはどうすればよいでしょうか? ビューがカードを表示しないように使用し、CSS トランジションを使用してカードの消失と外観をアニメーション化する場合にのみ考えることができますがopacity: 0、不透明度の後、カードはまだ空のスペースとして表示されます (まだ画面スペースを占有しています)。は 0 です。問題は、ビューにモデルが何であるかを自動的に表示させながら、アニメーションを表示させるにはどうすればよいかということです。