2017-06-21 11 views
0

Ember.jsを使用してプロトタイプのSPAアプリケーションを構築しています。すぐに問題を解決して動作させるために、3つの別々のJavaScriptコンポーネント(カレンダー/ ToDoリスト、もう1つのjqueryタイプのプラグインです。私はこれらのすべてを一緒に同期させたい。Ember.js内に複数のjavascriptコンポーネントがあります

言い換えれば、誰かがtodoやカレンダーのエントリを入力すると、時刻とともにアナログ時計の色が変わり、他のプラグインを詳細で更新します。

もちろん、これらのコンポーネントはすべて、お互いに会話するようには書かれていません。それらは、オープンソースの異なる開発者によって書かれた独立したプラグインです。

私はこれについてどうやって行くのかという2つの質問があります。

1.)このようにするのはばかげているので、各コンポーネントを分けて、どのように動作しているかを確認し、ボトムアップからコーディングして一様に処理するほうがはるかに良いでしょう。

コメント:上記は良いですが、大変時間がかかり、概念の証明のためにすばやく作業する目的を破っています。私は基本的には、Postgresを使ってRailsのバックエンドを作成し、すべてのコントロールにデータを取り込み、それを再生するときに更新するつもりです。

2)コンポーネントをそのまま使用することができれば、ブラックボックスにするか、Emberコンポーネントとして各コンポーネントをラップしてコンポーネントにしてEmberに渡すことをお勧めしますデータを前後に移動します。

もちろん、ここでの目標は何かを働かせ、それをどのようにまとめて、次にこの知識から、Ember/ES6や他のフレームワークの中から一から上にすべてを書き直すことです。

ありがとうございました!

答えて

0

多くの場合、jQueryプラグインをemberコンポーネントで簡単にラップすることができます。 コンポーネントがレンダリングされるときに初期化を行う必要がある場合は、 'didInsertElement'フックで行うことができます。ここで https://guides.emberjs.com/v2.14.0/components/the-component-lifecycle/#toc_integrating-with-third-party-libraries-with-code-didinsertelement-code

自分のアプリケーションの例の構成要素である: https://github.com/datafruits/datafruits/blob/master/app/components/datafruits-player.js#L102

関連する問題