問題タブ [custom-element]

Shadow DOM でカプセル化されたカスタム要素を作成する次のコードがあります。

「実行」をクリックすると、入力が入力要素から取得されて処理され (performTask() で)、出力が「#result」に配置されます。私の2つの質問は次のとおりです。

1. Shadow DOM の入力フィールドから値を取得するにはどうすればよいですか?
2. 出力を #result に配置するにはどうすればよいですか?

この 以前のスタック オーバーフローの投稿は私の質問に答えているように見えますが、提案されたリンクはすべて無効になっているため、誰かが私を正しい方向に向けることができるかどうか疑問に思っています :)

PS HTML インポートはすべてのブラウザーでサポートされているわけではなく、すべてのカスタム要素コードを 1 つのファイルに含める必要があるため、テンプレートは使用したくありません。

私はjQuery 1.11.3とともにPolymer 1.2を使用しています。約25行のHTMLコードを含むカスタム要素「x-example」を定義しました。ネストされた要素の一部は paper-elements (したがって、いくつかの HTML Code 自体を含みます)、一部の標準 HTML-Elements、および 1 つまたは 2 つの独自のカスタム要素 (私の「x-example」よりもはるかに小さい) です。それに加えて、このカスタム要素には 2 つの CSS ルールと 150 行の Javascript があります。

したがって、私は中規模のカスタム要素を持っていると言えます (異常に大きいという印象はありません)。

状況は次のとおりです。サーバーから送信されたHTMLマークアップコードを取得します。これは、jQueryのappendメソッドを使用して空のdivに追加するだけです

マークアップは次のようになります。

全体として、追加したい要素が60〜70あります（それほど多くはありません）

ただし、この追加には ~2200ms ～ ~2400ms が必要です。

ここで何か間違ったことをしているのだろうか、それともブラウザ (Firefox / Chrome / Opera でテスト済み) がこの時間を必要としているだけなのか、疑問に思っています。カスタム要素をポリマーで追加するとき、いくつかの基本的なルールに注意を払う必要があるでしょうか?

ノックアウトでは、次のようなカスタム要素を作成できます。

HTML でのカスタム要素の定義はまだ進行中であり、今日これを使用するプロセスの一部は、.xml を使用してカスタム要素を DOM に登録することdocument.registerElementです。

ただし、これらの側面に関するノックアウトのドキュメントには何も見つかりません。カスタム要素がを呼び出した後にノックアウトによって DOM に登録されているかどうかを調べると、登録されていないことがわかりましたko.components.register。

ノックアウトでカスタム要素を使用している場合、これらも手動で登録する必要がありdocument.registerElementますか? ノックアウトがまだこれを行っていないという事実は、私を少し混乱させます.

これはおなじみかもしれませんが、カスタム スタイルのカスタム リスト ボックスを作成する際にも問題が発生します。同時にできるのはどちらか 1 つだけです。両方を使用することはできません。もう 1 つは、プログラムに簡単に追加できるように、C# コードでカスタムを追加する方法を教えてください。 listboxitemつまり、たとえば、テキストの前に画像を配置しlistboxitemてスタイルを指定すると、すべてのアイテムに対してすべてのテーマを実行する必要があります。
ありがとうございます

アイテムのリストが表示されるこのポリマー要素があります。リストに を入力していiron-listます。各リスト項目には、paper-card他のいくつかのカスタム要素を非表示にする が含まれています。ボタンをクリックすると、対応するビューが表示されます。この部分まではすべて正常に動作しています。

私が抱えている問題は、カスタム要素を表示するか、要素を非表示にすると、鉄のリスト項目の高さが更新されないことです。要素を表示すると、要素は他のビューの背後に表示され、非表示にすると、表示されたビューと同じ高さの空白が表示されます。

以下はリストのコードです。

このためのコードcard-elementは以下のとおりです

ボタンのクリックに応じて、非表示と表示、テキスト入力、データビューアー、コメントビュー、またはすべてを一度に表示します。

以下は、データビューアを切り替えるためのコードです。

子カスタム要素のリピーターを持つ親テンプレートがあります。

editUser親 VM にあるコールバックであり、子カスタム要素から呼び出す必要があります。

これが私の子カスタムコンポーネントです

ここに子テンプレートがあります

そのため、バインディングによって子コンポーネントにコールバック関数を渡しました。

私の最初の質問: 大丈夫ですか? または、子コンポーネントからコールバックを呼び出すためのより適切な方法がありますか?

次に、子 VM で親 VM コンテキストを取得しようとしました。

コールバック呼び出しをこのコンテキストにバインドしようとしました:

ただし$parentCtx、この場合repeat.forは親テンプレートにあるため正しくありません。$parentCtx私のGithubUserと同じです。親 VM で editUser の正しいコンテキストを取得するにはどうすればよいですか? バウンディングでパスする必要がありますか？

paper-listbox とフィルター (検索) を使用して、Polymer でカスタム要素を作成したいと考えています。以下のコードから始めました。ただし、このコードには正しくないものがあります。これについて助けが必要