2

Wakanda Studio プロトタイプで MDL を使用するにはどうすればよいですか?

mdl の css とスクリプトをドキュメント プロパティに追加し、クラスをコンポーネントに追加しましたが、効果がありません。

4

1 に答える 1

1

MDL は、適切なクラスを各 Wakanda Studio プロトタイプ ウィジェットに適用するランタイムで使用できます。

ただし、設計段階では、まったく別の問題です。まず、MDL は、ページが読み込まれた後に DOM クラスを初期化します。これは、MDL が入力ラベルの配置などのさまざまな動的イベントを実現したいためです。

プロトタイプで正しい動作を実現するには、次のことを行う必要があります。

  • Wakanda Studio の Web ビューと MDL の互換性を確保します。Wakanda Studio の Web ビューはかなり古いものです。まもなく更新されますが、現時点では、MDL が IE9 に匹敵する webview システムで動作すると断言できません。
  • widget.js各ウィジェットのファイルで MLD JavaScript 関数を実行して要素を初期化します。これの汎用関数はcomponentHandler.upgradeDom();. これにより、すべての要素でアップグレード DOM が実行されます。より具体的な代替手段を見つけることができると確信していますが、それはあなたの研究次第です。

要約すると：

  1. MDL は、実行時にそのまま完全に互換性があります。
  2. MDL は、設計段階でカスタム ウィジェットを作成する Wakanda Studio 環境に合わせて調整する必要があります。カスタム ウィジェットの作成方法については、このチュートリアルに従うことができます。(例: 公式のTextArea ウィジェット リポジトリ)。

MDL が必要な場合は、特定のウィジェット スイートを作成する必要があります。同様のアプローチが React と React-MDL コンポーネントで行われます。

于 2016-08-19T19:59:51.483 に答える