問題タブ [yui]
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.
yui - YUI メニューがページの画像がロードされるのを待っているのはなぜですか?
編集:これは jQuery 1.3.1 で確認されたバグです。jQuery 1.3.2 で修正されました。
このサンプルとまったく同じ YUI メニュー コントロールがあり、上部にサブ メニューがあります。
メニューを初期化するためにYahooのコードを使用してみました：
画像の読み込みに時間がかかるページで問題が発生しています。
見出し (コミュニケーション/ショッピング/エンターテイメント) がすぐに表示されることに気付きましたが、すべての画像が読み込まれるまで、サブ項目があることを示す小さな矢印は表示されません。
これはとても奇妙だと思いました。画像の読み込みが完了する前に初期化されるかどうかを確認するために、コードを JQuery に切り替えてみました (それが$(function()私がすべきだと思っていたことです)。
驚いたことに、私はまだ同じ問題を抱えていました。ページ全体が読み込まれるまで、メニューは初期化されませんでした。
それは間違いなく待っている画像です。
注: この問題は Internet Explorer でのみ発生します。Firefox は、画像が読み込まれる前にこの onContentReady イベントを発生させるようです。
この問題を回避できますか?
編集:これは jQuery 1.3.1 で確認されたバグです。jQuery 1.3.2 で修正されました。
css - YUI grids.cssは本当にそれほど柔軟ですか？
YahooのYUIプロジェクトには、私が（固定幅の）サイトに統合し始めたばかりの、非常に優れた、十分にテストされたコンポーネントがいくつかあります。私は実際に非常に興奮しています-私はしばらくの間消費者向けのサイト作成から離れていて、ここ数年で何が発展したかを見るのをとても楽しんでいます。
YUIコンポーネントとreset.cssがとても好きです-YahooYUIgrids.cssの使用は簡単だと思いました。実際、彼らはそれを自分たちでかなりうまく売ると言います：
「ページ幅、テンプレートプリセット、およびネストグリッドを組み合わせると、ほぼ無限の数の複雑なページレイアウトが可能になります。」
（上記のgrids.cssリンクから）
しかし、私はいくつかの非常に単純な3列のレイアウトを実行しようとしていますが、いくつかの基本的なことを実行できないようです。また、それらの実行方法のドキュメントで適切な説明を見つけることもできません。
例えば：
- 列間の側溝を変更できますか？
yui-t11 / 2、2 / 3、1 / 4タイプのレイアウトを相互にネストするのは非常に簡単ですが、テンプレート をネストできますか？- （私は限られた成功のネスト
yui-t1セレクターを取得しましたが、同じIDを持つ複数のdivになってしまい、何か間違ったことをしていると思いました。
- （私は限られた成功のネスト
私のサイトはもっと「デザイン主導」です。つまり、ページにする必要のあるフォトショップのマークアップがあります。
これまでの私の印象では、YUIグリッドは、必ずしも正確なデザインに適合している必要のないニュースなどのコンテンツがある、より多くの「コンテンツ主導型」サイトに適しています。それは公正な声明ですか？それとも、grids.cssを使用するための魔法のトリックが欠けていますか？
固定位置の代替グリッドを使用する方が適していますか？
YUIの代替 -別のstackoverflowの投稿で提供されているように
asp.net-mvc - YUI コントロール (Yahoo ユーザー インターフェイス) の ASP.NET MVC HtmlHelper 拡張機能?
Yahoo の User Interface Libraryを支援する MVC 用のHTMLHelper クラスを作成した人はいますか?
たとえば、「メニュー モデル」をYahoo Menu Controlのサポートに必要な HTML マークアップに変換するヘルパー メソッドを作成しました。ここでは MVC パターンがうまく機能します。なぜなら、別のメニュー実装に切り替えることを選択した場合、モデルに触れずに新しいヘルパーを作成するだけでよいからです。
このコードは私にとっては機能しますが、完全にはテストされていないため、自由に使用してください。
まず、メニュー モデル自体の単純なデータ構造が必要です。通常の MVC 規則を使用して、これをページ モデルに追加します。たとえば、ビューから を介してメニュー項目のリストにアクセスしますViewData.Model.MainMenu.MenuOptions。
延長方法。ビューにアクセスできる名前空間に入れます。
ビューでメニューを生成したい場所にこのコードを貼り付けます（マスターページにこれがあります）：
あなたが怠け者だったり、YUI について知らない場合は、これも必要になるでしょう。<HEAD>
これは現在、トップ ナビゲーション スタイルのナビゲーション バーのマークアップを生成しますが、簡単に変更できます。
私は他の誰かが他のコントロールのいくつかについて同じことをしていることを望んでいました.
オープン ソース プロジェクトの有力候補のようですが、それを開始する時間がありません。
実装アドバイス大歓迎！
javascript - YUI と jQuery のどちらを選択すると、.js ファイルの全体的な設計に影響しますか?
jquery か YUI のどちらかを選択すると、.js ファイルの全体的/高レベルの設計が変更されますか?それとも、フレームワーク API の違いにより、現実的には js 関数の内部動作だけになるのでしょうか? (つまり、DOM、セレクター、組み込み関数、イベントの発生などにアクセス/トラバースする方法)
ruby-on-rails - Railsルーティング
次のようにアクセスできる Rails に新しいポータルを構築しました: https://xyz.com
これの問題は次のとおりです。
2.) 「Aging Shipments Dashboard」タブをクリックすると、URL はhttps://xyz.com/#tab2のはずですが、 https://xyz.comしか表示されません。タブのクライアント側の実装が原因だと思います。
3.) そのタブの [Current Summary] ボタンをクリックすると、対応する結果が表示されますが、[Aging Shipments Dashboard] に設定されたアクティブなタブが表示される代わりに、常に [ShipmentInfo] タブに設定されます。
リクエストが行われた対応するタブに結果を取得する際にactiveTabを設定するにはどうすればよいですか? すべてのフォーム リクエストは GET メソッドを使用します。
または、activeTab を「Aging Shipments Dashboard」に設定する必要があるパラメーターに基づいて、routes.rb で明示的に言及できる方法はありますか?
ありがとう、ラジャ。
popup - YUIで外部ファイルからポップアップを表示するには?
メッセージボックスのポップアップやその他のダイアログを表示するために、アプリケーションでYUIのContainer コントロールを使用し始めています。
外部の HTML ファイルをソースとするポップアップを作成するための推奨/最もクリーンな方法が何であるかは明確ではありません。製品に関する「詳細情報」を表示するポップアップについて話しています。これには、テキストと画像が含まれます。
私がやりたいことに最も近い例は、「モデル読み込みダイアログを作成する」です。これは、外部データを非同期にロードしている間、しばらくお待ちくださいというグラフィックを示していますが、完了すると、そのデータはポップアップ内ではなくページの本文に表示されます。
これで、この例を使用して「お待ちください」ダイアログを表示し、完了時に返されたデータを含む別のポップアップを表示できることがわかりました。
ただし、次の理由により、外部ファイルをポップアップにロードする機能が組み込まれていることを望んでいました。
a）私が行うコードとイベント処理が少なくなります
b）ポップアップには画像が含まれます。ポップアップ内のすべての画像が読み込まれるまで、画面に表示されたままにしてください。それを自分でやるのはもっと難しいだろう
javascript - Javascript YUICompressor エラー
YUICompressor を使用すると、JavaScript コードから次のエラーが発生します。
次の行の JavaScript コードは次のとおりです。
270 行目:
292 行目:
この Javascript コードはすべてのブラウザで正常に動作するため、何が問題なのかわかりません。
編集：行を複数の行に分割し、「.演算子の後に名前がありません」が次のコードによって生成されることがわかりました：
privateは YUI コンプレッサーを狂わせるキーワードですか?
javascript - EditorGridPanel と ColumnTree の YUI ベースの代替手段で EXTjs を回避するにはどうすればよいですか?
開発中のプロジェクトで、Jack Slocum の EXTjs ライブラリを YUI (既に使用中) の拡張として使用することについて、私の仕事でいくつかの議論があります。可能であれば、EXTjs の商用ライセンス モデルへの依存を回避したいと考えています。
EXTjs に必要な主な 2 つの機能は、EditorGridPanel と ColumnTree です。
私が見る限り、2.6.0 で DataGrid に EditorGridPanel 機能が追加されて以来、YUI のように見えます。YUI の組み込み機能を使用する上で、大きな注意点はありますか? EditorGridPanel について、まだ洗練されたものはありますか?
ColumnTree については... この機能セットを簡単に YUI に置き換えるものはありません。私が見ていないのにこれを行う YUI の何かがありますか? YUI がほとんど使用されていない現在、他に良いオプションはありますか?
この種の機能のために、弾丸をかじってEXTjsにお金を払う（そして商用ライセンスへの依存に対処する）のが最善ですか？
javascript - YUI データソースを使用して返された NULL 値を解析する方法
プロジェクトの 1 つでデータをレンダリングするために、YUI データテーブルとデータソースを使用しています。返されたデータはたまたま NULL であり、YUI データソースはそれを解析できません。
以下は、datasource と datatable の宣言コードです。読みやすくするために、各宣言を分けています。
列の説明の宣言
この columnDescription は、以下の関数で設定されます。
データソース宣言
getDataGrid関数は、サーバーからデータを取得するためにサーバー側を呼び出します。
以下は、テーブル定義自体です。
tableContainerDivは html ページで宣言されています。これはコンテナ div です。サーバーから JSON データを取得する関数。
関数は、いくつかの null 値を持つ json 文字列を返しています。データソース コンストラクターは、次の問題を訴えています。
- ERROR_DATAINVALID
- ERROR_DATANULL
yui のドキュメントを確認したところ、文字列パーサーが null 値を解析しないことがわかりました。このデータを解析する方法があるかどうか疑問に思っています。生データを処理する必要がありますか? 任意の提案をいただければ幸いです。
javascript - YUIデータソースにデータセット内のNull値を解析させる方法は？
YUIデータテーブルとデータソースを使用して、プロジェクトの1つでデータをレンダリングしています。返されたデータはたまたまNULLであり、YUIデータソースはそれを解析できません。
以下は、datasourceとdatatableの宣言コードです。読みやすくするために、各宣言を分離しています。
列の説明の宣言
このcolumnDescriptionは、以下の関数で設定されます。
データソース宣言
getDataGrid関数は、サーバー側を呼び出してサーバーからデータを取得します。以下はテーブル定義自体です。
tableContainerDivはhtmlページで宣言されています。これはコンテナdivです。サーバーからJSONデータを取得する関数。
この関数は、いくつかのnull値を持つjson文字列を返しています。データソースコンストラクターは、次の問題について不平を言っています。
- ERROR_DATAINVALID
- ERROR_DATANULL
yuiのドキュメントを確認したところ、文字列パーサーがnull値を解析しないことがわかりました。このデータを解析する方法はないかと思います。生データを解析するためにhandleResponseを実行する必要がありますか？任意の提案をいただければ幸いです。