問題タブ [vaadin-elements]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Vaadin Combo-Box: value プロパティを使用して選択した項目のインデックスを渡す
コンボ ボックスで選択したパターンのインデックス番号を識別しようとしています。別の関数が正しい場所にあるファイルから読み取るために、このインデックス値を渡す必要があります。基本的に、コンボボックスでパターンを選択すると、インデックスに基づいて、選択したパターンに関連付けられた仕様を検索できます。私の知る限りでは、Vaadin Combobox にはコンボボックス項目に関連付けられたインデックスはありませんが、表示されたラベルとは異なる値を渡すことができます: https://vaadin.com/docs/-/part/elements/ vaadin-combo-box/vaadin-combo-box-basic.html (参照: オブジェクトをアイテムとして使用する)。これは私が実装しようとしているソリューションですが、JSON ファイルからコンボボックス項目を動的に設定しているため、扱いが難しくなります。
アイテムを動的に設定するコード:
ComboBox の HTML
これを実行しようとすると得られる出力は、構築された文字列全体が選択の選択肢に組み込まれるというものです。コンボボックスの宣言時に item-value-path と item-label-path が指定されていたため、理論的にはこれは発生しないはずでした。
出力のスクリーンショット
{ pattern : { label: "A-3 Piece Random", value: 0 } }
ソリューション セクションに向けた取り組み:
____________(4月27日午後7時)___________
使用する推奨ソリューション、
ラベルの表示に問題なく動作します:
ただし、トリガーを使用して、コンボ ボックスの値がいつ変更されたかを検出し、新しい値を返しています。トリガーのコードは次のとおりです。
「値が変更された」トリガーを使用するように提案された変更を行いました。2つのわずかな問題で非常にうまく機能します。まず、各コンソール ログ呼び出しを 2 回返します (理由は不明です)。次に、最初のコンボ ボックス項目を選択すると、値が返されますが、ラベルが選択済みとして設定されません。これは他のコンボ ボックス項目の問題ではありませんが、ラベルを設定するには最初の項目を 2 回選択する必要があります。デモンストレーションについては、次の短いビデオをご覧ください: https://youtu.be/yIFc9SiSOUM . このグラフィカルなグリッチは、ユーザーがパターンを選択したことを知っていても、パターンを選択しなかったと考えるため、ユーザーを混乱させる可能性があります。最初のアイテムが選択されたときにラベルが設定されていることを確認するソリューションを探しています。
polymer - Vaadin 7 アプリケーションに Vaadin Polymer 要素を追加するにはどうすればよいですか?
私は Vaadin 7 要素を構築しようとしていますが、これらのようなポリマー要素を何とか直接使用できれば有益です --> http://vaadin.github.io/gwt-polymer-elements/demo/#paper/ボタンサンプル
ただし、Vaadin アプリケーションにポリマー要素を直接追加する方法に関する明確な説明やチュートリアルはありません。
combobox - 値を vaadin コンボボックス (ポリマー) に設定します
vaadin-combobox で値を選択するか、別の div (svg を使用) で値を選択して、コンボの値を動的に設定できるシステムがあります。コンボの値を設定するにはどうすればよいですか?
すでに value="" を試しましたが、うまくいきませんでした...
angular - angular2 での vaadin-grid 統合。グリッドに存在するデータが表示されない
angular2 アプリケーションで vaadin グリッドを使用しようとしています。ドキュメントhttps://vaadin.com/docs/-/part/elements/angular2-polymer/tutorial-index.htmlによると、 Vaadin-grid データが表示されません出力。
index.html
パッケージ.json
bower.json
systemjs.config.js
app/app.component.js
ドキュメントに従って、これらのファイルに変更を加えましたが、vaadin-grid のデータが表示されません。誰でもこれらの問題を解決するのを手伝ってもらえますか?
ありがとうございました
polymer - Vaadin-Grid マルチライン セル ポリマー
固定幅のセルを探していますが、複数の行に合わせて高さを拡張できます。ただし、これに対するネイティブな解決策を見つけることができませんでした。