問題タブ [edit-in-place]

次のような、インプレース編集を可能にするテーブルを設定する標準的な方法はありますか？

現時点では編集可能なテキストのみが必要ですが、将来的にはUISwitchまたはUISlidersが必要になる可能性があります。

さまざまなモデルの値を表示するビューで、その場で編集機能を有効にしたいと考えています。

これは私が現在使用しているものであり、機能しませんが、いくつかの代替手段が必要です:

Campaign というモデルがあります。belong_toコントローラーでは、次のようにして、Campaignの 3 つのモデルを順番にリストします。

Campaign_event は次のようにcampaign_helper定義されます。

ビュー/キャンペーン/ショーを見ているときに、日数の数値をクリックして値を編集できるようにしたい:days(この場合、次のように表示されます)campaign_event.days

フォーラムを見回しましたが、この問題に対する明確な答えが見つからないようです...

ウェブサイトで jQuery と TinyMCE を使用しています。TinyMCE のドキュメントを確認しましたが、まだ迷っています。ページ内の複数の場所でインプレース編集を必要とするインターフェイスを実行しています。唯一のことは、これらのそれぞれが、上部の 1 つのツールバーに TinyMCE からのすべての編集オプションを持っているということです。つまり、要約すると、複数のエディター (それぞれに独自のツールバーはなく、テキストを編集または選択する場所しかありません) であり、その時点でアクティブなテキストボックスを制御するためにページの上部にある 1 つのツールバーのみです。

これはどのように達成できますか？それは可能ですか？この問題に関するヘルプ、正しい方向へのプッシュ、ヒント/ヒント/知識は、非常に大きな助けになります。

ありがとう、ジェームズ

JEdi​​tableや同様のプラグインのようなJavaScriptでインプレースエディターを作成する方法を探しています。ただし、違いは、私のエディターが単一フィールドではなく複数フィールド形式になることです。

既存のアイテムの編集と新しいアイテムの作成など、同じフォームが異なる部分で使用されるため、共有機能（検証、キャンセルボタンなど）を複製することなく、それぞれの場合にコールバック関数を指定できるようにしたいと思います。 。）。

現在、私はそれを素朴に実装しようとしましたが、イベントハンドラーがコンポーネントとして一緒になっているのではなく、ソースコードの周りに散らばっているため、コードはひどいように見えます。

だから私の質問は、これを実装するための推奨される方法は何ですか？機能を提供するjQueryプラグインがある場合は、それが最も簡単な方法かもしれません。それ以外の場合、コードを適切に構造化するにはどうすればよいですか？

テキストエリアに配置されたコンテンツをインラインで編集するためにJeditableを使用しようとしています。だから、私はスクリプトファイルを呼び出します：

次に、サーバーにデータを送信する関数があります（サンプルURLを保持しました）。この関数はテキストエリアを作成し、エディションを許可します。

次に、HTMLタグを保存する必要があるため、編集するデータが含まれています。

「echo」は「$data」コンテンツをタグと完全に表示しますが、DIVをインラインで編集する場合、テキストエリアが作成され、そのテキストエリアに次のデータが表示されます。

それ以外の：

適切な文字を表示するにはどうすればよいですか？

jQuery拡張機能Jeditableの場合、指定できるパラメーターの1つは、どのDOMイベントがdiv / span/...をテキストinput/textarea/...に変換するかです。

複数のイベントをトリガーとして使用したいと思います。つまり、クリックイベントまたはコンテキストメニューイベントのいずれかで、スパンをインプレース編集領域に変換したいと思います。

Jeditableをフォークせずにこれを行うための優雅な方法はありますか？

- 編集 -

イベントを指定するコードの例を以下に示します。このパラメーターはオプションであり、デフォルトでは通常のクリックになります。

イベントが指定されていない通常のクリックイベントに対して1回、コンテキストメニューイベントに対して1回（マウスボタンの切り替えなどがない場合は右クリック）の2回の呼び出しは、要素が編集可能になるという意図された効果を生み出さないようです。いずれかのマウスボタンからクリックするだけです。

ckeip jqueryプラグインを取得して、テキストエリアのIDをphpファイルに解析しようとしています。

プラグインは、私のテキストエリアのクラス名によってアクティブ化されます。

そして、データはオブジェクトリテラルを使用して私のphpファイルに渡されます。

これらのいずれかでtextareaのid属性を使用する必要があります。

しかし、これはうまくいかないようです。

オブジェクトリテラルで変数を使用できますか？

プラグインを使用してほとんどのモデルをインラインで編集可能にしたいのですが、次のことがわかりません。

これを使用するには、テンプレートにjquery.rest_in_place.jsを含め、ドキュメントのonLoadハンドラーで次のコマンドを実行します。

jQuery（ "。rest_in_place"）。rest_in_place（）;

http://jan.varwig.org/projects/rest-in-place

これはどこに置きますか？

これは私が持っているテーブルのビューです:

@campaign_events には、いくつかの異なる Model オブジェクトの配列を含めることができます: Email、Call、Postalcard など。

Campaign_event.days の値を編集できるようにしたいです。

インプレース編集可能にする必要がある他のビューがたくさんあるので、すべてを手作業でコーディングするのではなく、ある種のプラグインを使用できるようにしたいと考えています。

しかし、私はこれから始める方法がわかりません。これはまず重要なポイントです。

編集された値を取り、その値に基づいて計算を修正する Rails 3 アプリにインプレース編集を実装しようとしています。例えば：

「寄付するクレジット」フィールドの編集前:
10 クレジットが残っています。寄付するクレジット: 0.

「寄付するクレジット」フィールドの編集後:
5 クレジットが残っています。寄付するクレジット: 5.

さまざまなオプションを調べましたが、jquery-in-place-editor が探していることを実行しているようです。参考のため：

• jQuery-in-place-editor コード
• サンプル Rails アプリ
• サンプル Rails アプリの Github リポジトリ

デモが動作します。ただ、コールバック関数を使って ruby​​ スクリプトを呼び出す必要があると思うので、さらに処理を行うことができます。それが私がしなければならないことかどうかは完全にはわかりませんので、ガイダンスを探しています。

関連すると思われる jQuery JavaScript (サンプル アプリの/public/javascripts/application.jsから) を次に示します。

私がする必要があるのは、それらを取り、少しいじってから、適切な div にフィードバックすることですoriginal。html問題は、これをどのように行うかです。私は2つの可能性を考えています：

A. jquery-in-place-editor には URL を呼び出す機能があります。これを使って ruby​​ スクリプトを呼び出して結果を取得できますか? レールでこれを行うにはどうすればよいですか？URL を呼び出すコードを次に示します (再び から/public/javascripts/application.js)。しかし、それはphpスクリプトを呼び出します。

B.更新されたテキストを JavaScript で直接変更し、適切な div に渡します。ruby スクリプトを使用したいのですが、こちらの方が簡単かもしれません。