問題タブ [jquery-widgets]

この jQuery プラグインは、ユーザーが div に四角形を描画できるようにするもので、jQueryUI 1.7.2 で動作します。

jQueryUI 1.8.4で動作させる必要があります。ウィジェット アップグレード ガイドを読んでも、何を変更する必要があるのか​​わかりません。_init() の名前を _create() に変更しようとしましたが、何もしませんでした。それを機能させるには、他に何を変更する必要がありますか? 読んでくれてありがとう。

jquery ウィジェットにコールバックを追加しました。コンソールにデータを出力しますが、ページ内のデータに何かを適用するにはどうすればよいですか?

例...

私のウィジェットオプションでは、入力を受け取るために以下を利用できるようにしました:

ウィジェットにもメソッドを追加しました：

ウィジェットの別のメソッドで ajax 呼び出しを行い、この_completeメソッドを呼び出して、ajax が次のように終了した後に起動します。

したがって、ウィジェットを使用するときに、次のcompleteようにオプションに何かを渡します。

この出力はコンソールに次のように表示されます。

しかし、私が本当に望んでいるのは、実際にそれをコードに適用して、gridrow クラスの背景色を変更することです。

何でも渡してコンソールに出力できますが、実際にページに適用するにはどうすればよいですか?

ソースコードに目を通していui.dialogますが、これはおそらくこれまでで最高の学習体験です。

私はそれらが多くのことを参照uiDialogしているのを見て、uiDialog がウィジェット自体を参照していることは明らかです。だから私は自分のウィジェットでこれを試しましたnamespaceWidgetNameが、未定義です。正しく理解uiDialogしているか、ウィジェット内で自分のウィジェットを参照するにはどうすればよいですか?

現在、ウィジェット ファクトリを使用して jQuery UI ウィジェットを開発しています。ウィジェットを含むセレクターを取得する必要があります。

物事を片付けるには：

• 私はjQuery UIタブを使用しています（公式）
• 私のウィジェットは各タブに作成されます（各タブに1つのインスタンス、異なる表示を意味します）
• タブでアクションを実行すると、同じタブにあるウィジェットを更新する必要があります

問題 ：

• 上記のアクションを実行すると、更新は右側のタブでは行われず、最初のタブで行われます

アクションでリスナーのいくつかの変更を試みましたが、問題はウィジェット自体にあると思います。id で定義されているタブ自体を除いて、すべてがクラスで定義されています (複数回表示されるため)。上記の子であるウィジェット要素で実現しようとしましたdiv#idが、うまくいきません。

私が必要としているのは、ウィジェットのコード内からウィジェットのコンテナーを取得して、右側のタブで変更を行う方法を知ることです。

助けてくれてありがとう。

編集：は私のアプリの（非常に）基本的な構造を示すjsfiddleです。アクションを起動するときは、最も近いウィジェット インスタンス、つまり同じタブ内のインスタンスで実行します。しかし、実際の効果は最初のタブにあります。これは、(私が思うに) クラスを使用して独自の要素を見つける私のプラグインによるものです。でももし言えるなら

私が作成されたコンテナの子である要素を取得します

私はそれがうまくいくと信じています

私はこのようなウィジェットを持っています

行this.self._headerClick();はエラーをスローします。これは、そのコンテキストでクリックされthisた要素であるためです。th_headerClick関数への参照を取得するにはどうすればよいですか？

Firefox 4 で自作の jquery ウィジェットに問題があります (他のバージョンの Firefox はテストしていません)。

私のウィジェットの目的は、「ファイル」タイプの入力の後に 2 つの入力要素を追加することです。したがって、ウィジェットと私の HTML コードへの呼び出しは次のとおりです。

ウィジェットを無効にして 2 つのファイルを選択し、F5 でページを更新すると、ブラウザは両方のファイルを記憶します。

さて、ここに私のウィジェットコードがあります:

ウィジェットがアクティブな状態で 2 つのファイルを選択して F5 キーを押すと、最初のファイルのみが記憶されます。問題の原因は「append」メソッドにあるようです。しかし、insertAfter、insertBefore、add、wrap などの方法も試しましたが、常に同じ問題があります。

誰かがこれを解決する方法を知っていますか?

注意: IE 9 で試してみましたが、このひどいブラウザーは F5 キーを押した後にフィールド値を記憶しないため、このブラウザーでは問題は発生しません。

編集：間違いを修正

ajax Webサイトを構築し、javascriptMVCへの移行を検討しています。私たちのサイトには、htmlとJSのajax呼び出しを処理する独自の自家製コントローラーがあり、UIはJQueryUIウィジェットを広範囲に使用しています。

javascriptMVCについて少し読んで、モデルがどのように処理されるかという概念が気に入りました。特に、ajaxを操作してデータを読み取るのがいかに簡単か。私はいつもモデルをJSONオブジェクト（ある意味で構造体）として考えていて、モデルにメソッドを追加することがどれほど強力であるかを忘れていたと思います。

ただし、javascriptMVCを深く掘り下げてみると、コントローラーがJQueryUIウィジェットの責任の多くを担っていることに気づきました。すでに機能しているウィジェットを削除するのは嫌です。私たちのオプションは何ですか？

JQueryMXのモデルだけを採用できますか？賢いですか？コントローラとウィジェットを完全に変更して、JavascriptMVCにオールインする必要がありますか？他のオプションはありますか？

目標について言えば、将来のAjaxサイト（コントローラー+ウィジェット）のフレームワークが必要です。

数ヶ月前、私はjQueryプラグインでいくつかの実験を始めました。Interenetでいくつかのチュートリアルを見つけ、何かをまとめ始めました。
数日前、私は自分の「プラグイン」を構築する必要があり、古いプロジェクトに戻りました。インターネットでさらに情報を見つけようとして、ウィジェットと呼ばれるこれらの新しい「もの」にぶつかりました。

私が理解していることについては、プラグインを忘れてウィジェットの開発を開始する必要があります。プラグインは古い概念ですか、それともまだ有効ですか？インターフェイス付きのカスタムjqueryコントロールが必要な場合の最良のアプローチは何ですか？

私はjQueryUIを幅広く使用しています。

私はjqueryとnugetパッケージマネージャーの両方を学んでいます。オートコンプリートウィジェットを使用したい。「Install-Packagejquery」を実行しました。それなら「Install-Packagejquery.ui.combined」だったと思います。jQuery.UI.Widgets.Autocompleteを実行しようとすると、機能しません。依存関係のように見えたのでコアをインストールしてみましたが、それも機能しませんでした。

「get-package」と入力すると、次のように表示されます

オートコンプリートは古いバージョンを探していますか？誰かがこれを機能させるためにパッケージをインストールし続ける方法、またはそれらをアンインストールして適切な順序で適切なものをインストールする方法について私を導くことができますか？

ui.dialogから継承するポップアップウィジェットを作成していますが、同じポップアップインスタンスを多くの要素で再利用する方法があるかどうか疑問に思っています。たとえば、私がこのhtmlを持っているとしましょう：

$（。pops）.popup（options）を呼び出すと、popupの_createメソッドが3回呼び出され、ページに3つのインスタンスが表示されます。代わりに、表示をトリガーするリンクに応じて位置、サイズ、コンテンツが変更されるポップアップを1つ作成したいと思います。

ポップアップの新しいインスタンスが作成されると、（最初は非表示になっている）ポップアップdivが、そのポップアップのコンテンツを保持するための子divとともにページに追加されます。したがって、作成されたすべての異なるポップアップへのポインタを格納するために多くのスペースが必要になることが想像できます。

私の直感では、再利用可能なポップアップを1つだけ持つ方が、3つの別々のポップアップを持っているよりも効率的です。特に、一度に1つだけ開いてほしいからです。私の直感は間違っていますか？