問題タブ [yui2]

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.

0 投票する
2 に答える
4412 参照

javascript - JavaScript のスーパー クラス メソッド

私はJavaScriptでいくつかのオブジェクト(私が推測するクラス)を書いています。クラス B はクラス A を継承します。クラス A には isValid というメソッドがあり、クラス B はそのメソッドをオーバーライドします。YUI 拡張機能を使用して、クラス B がクラス A を拡張するようにしています。

私ができるようにしたいのは、クラス B の isValid 関数内でクラス A の isValid 関数を呼び出すことです。問題は、クラス B の isValid メソッドからクラス A の isValid メソッドにアクセスできるかどうかです。次の行を使用して、クラス B のコンストラクター内からクラス A のコンストラクターにアクセスできることを知っています。

メソッドについても同様のことが可能ですか?そうでない場合、これを行うための良い方法は何ですか? 現在、スーパークラスの isValid メソッド内で呼び出されるヘルパー メソッドを作成しています。

次に、クラス B から a_isValid 関数を呼び出すことができます。これは機能しますが、可能であれば、スーパー クラスの isValid 関数を直接呼び出すことをお勧めします。

0 投票する
2 に答える
2035 参照

datatable - YUI DataTable ソート番号とリンク

基本的には列があります

列に設定parser:"number"すると空白の列が得られますが、設定しないと、並べ替えは数値並べ替えではありません。

数値の周りのリンクを処理できる、より優れたパーサーはありますか?

コードはhttp://paulisageek.com/compare/cpu/用です

0 投票する
1 に答える
152 参照

javascript - YUI2.8: ハンドラーのみが適用された要素をターゲットにする方法

イベントの伝播に問題があります。概念は理解していますが、デフォルトの YUI の動作を押しつぶす方法がわかりません。

このマークアップがあります: [divElement id="container"][imageElement ... /][/divElement]

次のように、コンテナー要素にクリック イベントを追加しました

では、img をクリックして、ye.getTarget(); をクリックします。ターゲットがimgだったことがわかります。これは、クリックしたためですが、imgではなくコンテナーにハンドラーを割り当てました。私の状況では、img ではなくコンテナーのみを操作することが重要です。

コンテナーまたは img をクリックしたときに、クリック イベントのターゲットがコンテナーのみであることを確認するにはどうすればよいですか?

乾杯、d

0 投票する
1 に答える
3530 参照

datatable - YUI DataTable でチェックされた行を見つけるにはどうすればよいですか?

次のようなチェックボックス列を持つ YUI DataTable を使用しています。

チェックされたすべての行を反復するにはどうすればよいですか?

アップデート:

これが私の現在の回避策です:

0 投票する
2 に答える
488 参照

yui - 2in3を使用してYUI2DataTableイベントをサブスクライブする際の問題

YUI3 2in3で使用するときに、YUI2 DataTableによって発生するイベントをサブスクライブする既知の問題があるかどうか誰かが知っていますか?私は次のことを行おうとしていますが、機能していません。

DataTableの他の機能は機能しているようですが、イベントを利用できないようです。

他の誰かがこれに問題がありますか?助言がありますか?

ありがとう、
バート

0 投票する
1 に答える
707 参照

yui - YUI3タブビューにネストされたYUI2DataTableのサイズ変更可能な列に関する問題

テーブルがYUI3タブビュー内にネストされている場合、YUI2DataTableの列のサイズ変更に問題があります。

私の状況:

  • YUI3タブビューには4つのタブがあります。
  • 各タブには、並べ替えとサイズ変更が可能な列を持つDataTableが含まれています。
  • 最初のタブ(タブビューの読み込み後に表示されるデフォルトのタブ)のDataTableの列は、並べ替えとサイズ変更が可能で、期待どおりに機能します。
  • 他の3つのタブのDataTablesの列は並べ替え可能ですが、サイズ変更はできません。

他のタブのDataTablesの要素内のinnerHTML構造、クラスなどが同じであることがFirebugで確認できます。

コードサンプルを投稿できてうれしいですが、この基本的な質問から始めて、この問題をデバッグする方法について誰かがアイデアや提案を持っているかどうかを確認したいと思いました。

任意のアイデアや提案を歓迎します。

バート

0 投票する
0 に答える
790 参照

yui - DataSource.sendRequest() の代わりに YAHOO.util.Connect.asyncRequest() を使用する

YAHOO.util.Connect.asyncRequest() を使用して DataTable の更新された情報を取得しようとしているので、リクエストをフォームにバインドできます。

それ以外の:

問題は、asyncRequest が sendRequest とは異なるパラメーターをコールバック関数に渡すことです。

私の見方では、2つのオプションがあります。

  1. YUI2 には Form.serialize がないため、sendRequest を使用して RequestBuilder を手動でコーディングするか、
  2. asyncRequest を使用し、handleResponse/parseJSONData のいくつかの組み合わせを使用して、正しいパラメーター オブジェクトを作成します。元のリクエスト オブジェクトとペイロード オブジェクトをどうにかして作成する必要があるように見えますが。

誰かがより良いオプションを見ていますか? またはこれらのいずれかを実装する簡単な方法はありますか?

ありがとう、

0 投票する
1 に答える
158 参照

php - YUI2 DataTable の内容を $_POST に保存

データベースから YUI2 DataTable を作成しています (PHP で)。ここで、ユーザーは DataTable に変更を加える必要があります。これらの変更は、データベースに再度保存できるように $_POST に保存する必要があります。

私の問題:変数をポストに入れる唯一の方法は、フォーム内の入力要素のようです。ただし、DataTable には入力要素が含まれていません。これは、JavaScript 入力フィールド onClick を生成するテキストです。

誰でもこれを回避する方法を知っていますか?

ありがとう。

0 投票する
1 に答える
269 参照

javascript - YUILoader.onSuccessイベントが発生した後、カスタムモジュールが使用できないのはなぜですか?

より良いJavaScriptを書こうとしています、woohoo!

私にとっての最初のステップ:YUILoader依存関係ローダー。これにより、すべてのカスタムコードを信頼できる時点で使用できるようになります。

私の現在の環境:

  • YUI(2.8.1)ライブラリパス:C:\ wamp \ www \ lib \ js \ yui \ 2 \ build \(http:// localhost / lib / js / yui / 2 / build /)
  • 上記の場所にあるすべてのYUImin、debug、およびrawファイル
  • カスタムライブラリパス:C:\ wamp \ www \ lib \ js \(http:// localhost / lib / js /)
  • 上記の場所にあるカスタムモジュール「fln-min.js」
  • Chromeでのテスト

ノート:

以下は私のHTMLページの例で、カスタムモジュールはHTMLコードに従います。CSSやファンキーなものはまだありません。これを概念実証として機能させたいだけです。私のコードを実行すると、両方のonSuccessイベントが発生することがわかりますが、ネストされたコールバックデータではnullであり、カスタムモジュールは使用できないようです。パスの連結、つまり最初のYUILoaderインスタンスの「base」や2番目のYUILoaderインスタンスの2番目の「fullpath」など、いくつか試してみました。

デモHTMLページ:

カスタムモジュール(fln-min.js):

0 投票する
1 に答える
771 参照

javascript - YUI2 ダイアログがダイアログ マークアップを正しく非表示にしない

YUI の Dialog ウィジェットを使用すると、大きなダイアログ (多くのコンテンツを考えてください) でページに顕著な副作用が現れることを除いて、うまく機能します... ページの最後に大量の空白とスクロールバーが表示されます。

次に例を示します。

-> http://jsbin.com/ekaca4

私が行ったのは、developer.yahoo.com/yui/examples/container/dialog-quickstart_clean.html にあるダイアログの元の例を取り上げ、さらにマークアップを (Lorem Ipsum の形式で) 追加することだけでした。

コードの設定方法を見ると、Yahoo.util.Event.onDomReadyが起動し、Dialog が

この時点で、<div id="dialog1">すべてのマークアップを保持しているプレーン ジェーンがコンテナによってラップされ<div class="yui-panel-container yui-dialog yui-overlay-hidden shadow" id="dialog1_c" style="visibility: hidden; z-index: 2; left: 307px; top: 10px;">ます。

これは問題ありませんが、このコンテンツがまだ私のレイアウトの大部分を占めており、スクロールバーと垂直方向のスペースが存在します。display:none や height:0; のように yui-overlay-hidden にスタイルを追加しようとすると、overflow:hidden を表示すると、オーバーレイが正しく配置されないなどの奇妙な副作用が発生します。これまでのところ、実際に影響を与えた唯一の方法は、 #dialog1 を含む div に height:0; を配置することです。overflow:hidden ですが、これは IE7 では機能しません (初期化後もページに空白が残っています)。

助けてくれてありがとう、本当に感謝しています。