問題タブ [jquery-ui-dialog]

次のような jQuery ダイアログのデフォルトの動作を定義しようとしています。

上記は、ダイアログの作成時にカスタムの open/beforeclose 関数が指定されていない場合に機能します。そのため、open/beforeclose 関数を指定する機能を維持しながら、これらの機能をすべてのダイアログに追加するベスト プラクティスは何だろうと思っています。

以下の例では、イベント オブジェクトと ui オブジェクトを使用して、どのリンクがダイアログを開いたかを検出する方法を教えてください。$(event.target).attr("title"); を取得できないようです 渡された 'ui オブジェクトに関するドキュメントを見つけるのに苦労しています。ありがとう！

私はJqueryUIを使用していますが、それをジャズアップしようとし、ダイアログを表示して閉じるための効果を追加するまで、すべて問題ありませんでした。ダイアログが表示され、一瞬で消えます。

それが問題であり、まだcake.generic.cssをオンにしてデバッグオプションをオンにしている場合、私はCAKEPHPを使用していますが、これがどのように問題になるかわかりません。

ここに私の出力htmlコードがあります:

ダイアログのJavaScript：

データベースにリンクを追加して削除し、すぐにユーザーが詳細を編集できるようにするフォームがあります。私はこのプロジェクトで jQuery と Ajax を多用しており、すべてのコントロールを同じページに保持したいと考えています。以前は、別の Web サイトの詳細 (リンク エントリ) などの編集を処理するために、MySQL データベース テーブルから PHP が入力されたフォーム フィールドを含む別の PHP ページにユーザーを送っていました。jQuery UI モーダル フォームを使用して、その特定のエントリの詳細を個別に呼び出すにはどうすればよいですか?

これが私がこれまでに持っているものです-

そして、これがエントリを削除するために使用しているjQueryです-

編集するソリューションを見つける必要があるだけです。ありがとう！

チュートリアルとして作成しているデモ ビデオがいくつかあります。リンクを使用してダイアログ ボックスを開き、そのボックスにデモ ビデオを配置しています。

ユーザーが完全なメモを表示することを選択したときに、同じ div を使用してページに他のメモを表示します。

メモを表示するために使用するコードは

デモビデオに使用するコードは非常に似ています。

必要な数のメモをクリックすると、ダイアログが開き、メモが表示されます。ただし、demoVid をクリックするとダイアログが開きますが、ダイアログを閉じると、ページ上の他の「showNote」ダイアログが強制終了されるため、それ以上メモやデモ ビデオを開くことができません。

ページがスクロールされてもダイアログの位置を固定する必要があったため、http://forum.jquery.com/topic/dialog-position-fixed-12-1-2010で拡張機能を使用しましたが、2 つの問題があります。 :

• ページのスクロール時に IE と Firefox でちらつきます (Safari/Chrome では問題ありません)。

• 閉じてから再度開くと、粘着性が失われ、ページとともにスクロールします。

ダイアログの作成に使用しているコードは次のとおりです。

そして、これが私がそれを再開するために使用しているコードです:

提案/解決策はありますか?

ありがとう

jQueryダイアログがあります。ドロップダウンを除いて、すべてのフィールドが正しく投稿されています。値は、選択された値ではなくnullとして渡されます。

jQuery：

私のSelectList定義：

外部ファイル「contact_us.aspx」をjqueryダイアログボックスにロードしています。外部ページにはフォームが含まれています。

送信ボタンを押すと、ダイアログボックスが閉じ、ページがcontact_us.aspxに変更されます。私のコードは正しいですか、それともこれを行う別の方法がありますか？以下の私のコードを参照してください、ありがとう。

このJSはyマスターページにあります：

リンクがクリックされたときにダイアログボックスにロードされる外部ファイル'contact_us.aspx'。

ファイルの背後にあるコード：

こんにちは、オーバーフロー者！

jQuery-UIモーダルダイアログボックス内にCKEditorインスタンスをロードするボタンを介してコンテンツのさまざまなブロックを編集できるようにするアプリケーションをPHPで作成しています。

これらのスクリーンショットに示すように、ダイアログを起動するボタンが機能しています。

この例は、ダイアログ内の「メイン コンテンツ」コンテンツを編集する準備ができていることを示しています。私が現在これを行っている方法は、単にデモ目的のためのハックです - 非表示の #dialog div にハードコードされた重複したコンテンツがあります。

私ができるようにしたいのは、「メインコンテンツの編集」ボタンが押されたときに、すべてのコンテンツ (HTML、スタイリングなど) が jQuery によって編集のために CKEditor インスタンスに渡されるようにすることです。ダイアログ内で [保存/送信] ボタンを押すと、変更が Ajax 経由で保存され、編集中のページに戻されます。

この質問の範囲外である WordPress Ajax API を使用する必要があるため、現時点では Ajax ビットについてはあまり心配していません。

ただし、主なことは、[メイン コンテンツの編集] ボタンがクリックされたときに、[メイン コンテンツ] div から #dialog にデータを渡し、編集されたデータを #ダイアログ ウィンドウから [メイン コンテンツ] に戻すことです。 「変更を保存」ボタンが押された後の div。

どんな助けでも大歓迎です！私は完全に立ち往生しています。

ありがとう！

~PF

#locDialog内部にjqGrid ( )がある jQueryUI ダイアログ ( ) があり$gridます。ダイアログが開くと（最初は、開くたびに呼び出されます）、$gridのサイズに合わせてサイズを変更したいと思い$locDialogます。最初にこれを行うと、(ダイアログ内ではなく) グリッド内にスクロールバーが表示されます。

コードをデバッグすると、幅が 677 であることがわかります。そのため、もう一度$grid呼び出しsetGridWidth()て幅を確認すると、18 ピクセル少ない 659 になりました。これは、jqGrid のスクロール領域のサイズです (Dun-dun -ダン..)

ダイアログのサイズを変更すると、グリッドのサイズも変更されます。必要な場合を除いて、スクロールバーはありません。

私のダイアログの初期化コード:

誰かがこれを前に見たことがあるかどうか、私は興味があります。実際、最初に不要なスクロールバーがあったとしても、世界の終わりではありませんが、最初に setGridWidth を呼び出すときに、18px のスクロール領域が考慮されていないのは奇妙なことです。

魔法の数字 54 までは、不要なスクロールバーなしでグリッドをレンダリングするために、ダイアログ値の高さから差し引かなければならなかった数字です。

これはあまり意味がありませんが、タイミングの問題かもしれないと思います。おそらく、グリッドが完全にロードされたら、イベントを呼び出す必要があります。これにより、幅が正しく計算されるようになります。