問題タブ [yui]

スクリプトをテストしています：

http://developer.yahoo.com/yui/examples/datatable/dt_xhrjson.html

データを更新（リセット）するボタンを追加したいのですが。変更したすべてのデータをリセットし、最初のデータをリロードします。このコードを追加したので、選択（更新）した後、データがありません：

mydataTableを更新するためにonMenuItemSelectで何を使用する必要がありますか？

サンプルの「city」と「rating」を変更するためにいくつかの変更を加えました：http： //developer.yahoo.com/yui/examples/datatable/dt_xhrjson.html

ここで、ボタンを使用してMyTableをリセットしたいと思います（そしてデフォルトのデータセットをリロードします）。コードを使用するとき、ボタンをクリックした後、すべてをクリアし、デフォルトのデータは再ロードされません（ボタンクリック後に「レコードが見つかりません」があります）。

デフォルトデータをリロードするにはどうすればよいですか？

YUIを始めるのに良いサイトを知っている人はいますか？

Yahooの開発者用マニュアルは私にはあまりにも混乱しています。

次のようにYahoo UIのカレンダーを使用しています：

calDate = (calDate.getMonth() + 1) + '/' + calDate.getDate() + '/' + calDate.getFullYear();

フォーマットを表示しMMDDYYYYます。

YYYY-MM-DDMySQL データベースに挿入できるように、この形式を に変更したいと考えています。コードを次のように変更しました。

calDate = calDate.getFullYear() + '-' + (calDate.getMonth() + 1) + '-' + calDate.getDate();

それはうまくいきましたが、問題は、選択した日付を変更したいときに、カレンダーに日付が表示されず、代わりにNAN.

このように定義されたドラッグ可能な YUI パネルがあります

パネルが表示されているときは、ウィンドウがスクロールされても常に表示されたままにしておきたいです。おかげで、これも事実fixedcenter: trueです。問題は、ウィンドウをスクロールすると、以前に別の場所にドラッグした場合でも、パネルがウィンドウの中央に配置されることです。

ウィンドウがスクロールされたときにパネルの位置がウィンドウに対して一定に保たれるようにするには、上記の定義をどのように変更すればよいですか?

私は、AJAX を介して 2 つの個別のチェックを実行する必要がある JavaScript アプリケーションに取り組んでいます。各チェックの結果によって、動作が異なります。ここで興味深いのは、両方のチェックが成功した場合です。これを行うためのいくつかの方法を特定しました。SO から、最良のアプローチと思われる方法についてフィードバックをもらいたいと考えています。

1. 同期 AJAX 呼び出し: これは私が継承したものであり、なくなりました。ブラウザーとシステムのロックアップを引き起こしますが、単一の実行スレッドで応答の処理を維持することはできます。
2. デイジーチェーン: AJAX 呼び出しを行って最初のチェックを実行し、それが成功した場合は、最初のチェックのコールバックで 2 番目のチェックを実行します。2 番目のチェックを処理し、合格した場合は成功です。これは最も簡単な解決策ですが、2 つのチェックが不必要に結合されているように見えます。また、チェックをシリアル化する必要がなく、パフォーマンスが低下するように感じます。
3. カスタム イベント: YUI のイベントモジュールとカスタム イベント ユーティリティを使用して、両方の AJAX 呼び出しを同時に開始します。成功事例ごとにカスタム イベントを作成し、AJAX 応答を処理するコールバックに、成功のチェックごとに適切なイベントをスローさせます。その後、各イベントのハンドラーは他のイベントをサブスクライブできます。それがスローされた場合は、正常に完了しています。

私の質問は、私が好む 3 番目のアプローチに関するものです。ハンドラーがスローされるイベントを介してのみ接続され、AJAX 呼び出しが同時に発生できるという事実が気に入っています。私が知りたいのは、他の誰かがこのモジュールをこのように使用したことがありますか? どのような落とし穴が予想できますか? 競合状態に陥ってしまったのではないかと心配しています。これを軽減するにはどうすればよいですか? 最後に、ここまで読んだ方へ、もっと良い方法はありますか? 私のリストはすべてを網羅しているわけではありませんか、それとも設計に根本的な欠陥がありますか? 建設的な批判とコメントは大歓迎です。

編集：サーバーリクエストはセッションを使用しますが、それらは互いに無関係であり、セッションデータを書き込まないため、サーバー上で並行して発生しない理由はありません（PHPセッションにいくつかの制限がない限り）約）。サーバー側のチェックも行っていますが、特定の重要なイベントの前に、直前にサーバーに確認する必要があることがわかりました。これにより、まれに何かが変化したことをユーザーに通知できるようになります。

jQuery で使用する UI ライブラリの推奨事項を教えてください。jQuery UIは、他のフレームワークに比べてウィジェットが少ないようです。私は最近Dojo Toolkitをいじっていますが、これは今のところかなりいいと思います。User Interfaceですが、他に何かありますか?

また、BSD ライセンスに基づいてライセンス供与されたオープン ソース ソフトウェアや内部使用ソフトウェアと一緒に配布できる、ライセンス供与についても考慮する必要があります。

HTML、Ajax、または YUI (一般的には JavaScript) を使用するブラウザーで、「あなたの要求に取り組んでいますのでお待ちください」の成功した優先的な実装は何ですか?

追加のコンテキストは、私が取り組んでいる Web アプリケーションには、かなりの IO/CPU 時間 (10 ～ 30 秒) を必要とする可能性のあるいくつかの要求があり、要求を受け取り、それに取り組んでいることをユーザーに伝える必要があるということです。

編集: もう 1 つの側面は、印象に残ったサイトの実装を見たことがありますか? 好きな例

リスナーがアタッチされているリンクがあります (YUI を使用しています)。

ユーザーのクリックを伴わない別のシナリオでも同じ機能を実現したいと考えています。理想的には、要素の「クリック」をシミュレートして、機能を自動的に起動させることができます。どうすればこれを行うことができますか? 残念ながらこれはうまくいきません:

ありがとう。

私は Java プログラマーですが、JavaScript プログラマーではありません。YUI を発見したばかりで、使い始めようとしています。私が試してみたいのは、ページの上部にクエリ フォームを配置し、ユーザーが [送信] を押すと、クエリ フォームの下の YUI DataTable に結果が表示されることです。

もちろん、通常は HTML フォームでユーザーが [Submit] を押すと、リクエストがサーバーに送信されます。Struts を使用してそれを処理し、リクエストを JSP に転送すると、HTML がブラウザに返されます。それが私が日常的にしていることです。Ajax では、代わりに XML を返さなければならないという点で違いがあることは理解しています。問題ない。簡単にできます。

私が持っている質問は、物事の YUI 側を扱っています。[送信] ボタンを押すと、何が起こりますか? 通常のフォーム送信ではありませんよね？データを取得するために YUI DataSource をトリガーする onSubmit() JavaScript 関数を実装する必要がありますか? リクエストパラメータはどのように渡されますか? リクエストを手動で作成する必要がないことを願っています。私は YAHOO.util.XHRDataSource を使用していると推測しており、それが DataTable の DataSource です。

HTML テーブル要素を使用して YUI DataTable を機能させることができました。あとは実際のデータに切り替えるだけです。不思議なことに、YUI のドキュメントは、私が何かを見逃していない限り、ここでは少し弱いようです。これは、YUI ドキュメントでカバーされていない基本的な Ajax に過ぎないのでしょうか?

YUI を使用して、JavaScript イベントが伝播し続けないようにしようとしています。以下は、問題を示す最小限の HTML と最小限の JavaScript です。

HTML:

JavaScript:

私が予想しているのは、ユーザーが をクリックしfooて 3 クリック ハンドラーを追加し、次に をクリックできることbarです。次に、ユーザーには 2 つのアラートが表示さbarClickTest1れbarClickTest2ます。代わりに、3 つのアラートすべてが発生します。は、 へのイベントの伝播を停止するというYAHOO.util.Event.stopEvent(e)、私が期待することを行いませんbarClickTest3。

コードを Firefox 3.0.7 と Safari 3.2.1 でテストしました。上記のように、私も試しYAHOO.util.Event.stopPropagation(e)てみe.stopPropagation()ました. それらのどれもトリックをしませんでした。

これは明らかに不自然な例ですが、問題を示しています。実際のソリューションでは、いくつかの条件が満たされた場合にのみ、イベントの伝播を防ぎます。

JavaScript のイベントに関する私の理解は、単純にめちゃくちゃなのでしょうか? どうすれば目標を達成できますか?