2016-05-24 5 views
0

この問題に関連するいくつかの質問がありますが、私が直面している問題は何も言及していません。私は歴史のビットがあります質問をする前に:ポリマー、スターターキット1.3、ペーパードロップダウンメニュー - 機能しない - 窓

  1. かいつまん:、ポリマーを踏んアイデアを気に入って、そのことは本当にウェブサイト(サブフォルダが動作していない)のためにとの協力でそれを使用して試みていデスクトップアプリ用のnwjs。 firefox、chrome、nwjsでのデバッグ - デバッグのためのアプリケーションの設定方法に関するいくつかの問題。
  2. ポリマーについて学んだ後、他の多くの人が最初の選択肢はスターターを得ることです。セグメントアプリケーション、応答性の設計、効果
  3. を -
  4. は、フルノード試練は、この1(ノード、亭、ダウンロードするコンポーネント)
  5. スターターキットは、最も一般的な操作のカップルを実装する方法ルートに、どのようにいくつかの基本的なソースを含んでいるが、以下の
  6. 通常、アプリではウィジェットをいくつか追加したい場合が多く、よく使用されるのはドロップダウンメニューです。
  7. ドロップダウンの例では、スターターキットに提供されていないが、実施例はこれ一つは非常に迅速に記載のような状況で終わる、ポリマーのドキュメントで利用可能である:Polymer's paper-dropdown-menu shows uncollapsed
  8. ソリューション次 - コンポーネントハンドラ(編集to elements.html含み、次の行を含みます:

    <link rel="import" href="../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">

  9. 多くの場合、元の設計上の問題は解決され、我々はドロップダウンを取得するが、いくつかのケースでは、それはより多くの研究は、以下の、半分の機能であり、あなたはあなたにも追加する必要が学ぶ:

だから、第一

<link rel="import" href="../bower_components/paper-listbox/paper-listbox.html">

、私はelements.htmlと任意のセクションに、典型的なドロップダウンを追加する行の上に追加します。 Like:

<paper-dropdown-menulabel="Browser to run?"> 
    <paper-listbox class="dropdown-content" attr-for-selected="value" selected="IE" > 
    <paper-item value="IE" >Internet Explorer</paper-item> 
    <paper-item value="FF">Firefox</paper-item> 
    <paper-item value="CRB">Google Chrome</paper-item> 
    <paper-item value="PJS">PhantomJS (browsing do not show)</paper-item> 
    </paper-listbox> 
</paper-dropdown-menu> 

Voila! Ubuntu LinuxでChromium、Firefox、nwjsで歌い始める。窓に移動することができます...

申し訳ありませんが、ウィンドウズは行っていません。 Firefoxはコンソールでエラーを報告していますが、chromiumはアプリケーションがファイルから実行されたときにセキュリティの起源の制約がありますが、nwjsはすべてを表示しますがアイテムを選択することを拒否し、ポップアップが開きます。次に、いくつかのハンドラが置かれる(しかし、Linuxの変種の作品)イベントが発生したと考え始める(nwjsデバッガは、あなたがそれらを観察できると言う)。しかし、選択は行われません。選択ポップアップの外側をクリックして選択ポップアップを閉じないという問題がありました。問題を解決するためにコンポーネントを更新する方法を学びました。通常の学習曲線。しかし、別に誰も実際に文書(ポリマードキュメントサイト上で)ポリマーを設計する方法の説明からどのようにスクリプトそれそう...心の中で

追加の質問ポップアップ: - どのように区別するために

  1. は、私はいくつかのドロップダウンを持っています/からデータを埋め込み/収集しますか? IDを使用しますか?名前属性を使用しますか?鉄の形で囲む?最善のアプローチ?
  2. データベースからのドロップダウンを埋め込む方法(ウェブサービスなど) - この試行のように:Polymer paper-dropdown-menu - これはポリマーを使用するためのこの意図された方法ですか、それとも個人的なスタイルですか?

主な質問は:

共通の問題に対処するいくつかの実用例あり - クロスブラウザ、クロスプラットフォームで動作しますポリマーの紙のドロップダウンで(上記のように、複数の識別ドロップダウン、動的人口は) - とすることができます引用され、テストされた?

+0

はあなたが 'のインポートを持って確認しまし選択(またはデフォルトでプリセット)されると、ドロップダウンが選択しないだろうということですペーパーアイテム 'もありますか?あなたは 'gulp serve'を使ってアプリをどのように提供していますか?また、[dom-repeat'](https://www.polymer-project.org/1.0/docs/devguide/templates#dom-repeat)は、ポリマーの物を動的に投入するための最も簡単な方法です。 – Alan

+0

paper-itemスターターキットには既に含まれています - 私はまた、他のコンポーネントの前後に位置を変えようとしていましたが、違いがないようです。 サービング:主にnwjs(私の本来の意図したアプリ)またはファイルから試したり、Chromeサーバー経由で試してみる。他の方法を提供しようとします。 – ljgww

+0

dom-repeat - ありがとう@アラン!その使用方法が表示されます – ljgww

答えて

0

解決済み。質問を見てくれた皆様に感謝します。

私はこのバグを見つけました。間違った情報源(2つの異なる例を扱い、他の(間違った)elements.htmlの包含物を見て)を見ていた私はバグです。

polymer serve 

または

むしろNWjsにブラウザでデバッグするのに役立った
polymer serve -p port_number 

はスルーランニング推奨しました。

しかし、また、私が発見したドロップダウンで丁度1つの要素を持っている場合、それは

関連する問題