問題タブ [jeditable]

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 投票する
4 に答える
5854 参照

javascript - jeditable と autogrow の使用に関する問題

jQueryと CakePHPを使用して Web プロジェクトに取り組んでいます。インプレース編集プラグインとしてjeditableを使用しています。テキストエリアについては、 autogrow プラグインを使用して拡張します。

さて、これには2つの問題があります。

  • まず、autogrow は Firefox でのみ機能し、IE、Safari、Opera、Chrome では機能しません。
  • 次に、スクロールバーを再計算するために、編集コンポーネントの表示が終了したら、jeditable のコールバック イベントが必要です。

私は Javascript にあまり詳しくないので、この 2 つのライブラリを自分で拡張/修正することはできません。自動成長するテキストエリアを使用したインプレース編集に別の js ライブラリを使用した人はいますか (TinyMCE のような完全なエディターはありません。プレーン テキストのソリューションが必要です)。

私もGrowfieldを見つけました。他のブラウザーでも機能しますが、合理的な統合はありません...

(私の英語でごめんなさい)

0 投票する
5 に答える
6467 参照

jquery - Ruby on Rails と jeditable (jquery)

Rails アプリケーションで適切に実行するjquery プラグインjeditableを入手した人はいますか。もしそうなら、それを設定する方法についていくつかのヒントを共有できますか? 「submit-url」の作成に問題があります。


IIRC では、javascript 内から単純に ruby​​ コードを呼び出すことはできません (誤解させてください:-)。RJSのことですか???プロトタイプ限定じゃないの?私はjQueryを使用しています。


更新:
うーん...しばらく前にこれを尋ね、その間に別のソリューションに切り替えました。しかし、IIRCの主な問題は次のとおりです。

RESTful リソースを使用しています。では、ブログをモデル化し、リソース「投稿」を作成する必要があるとしましょう。投稿 (たとえば、ID 8 の投稿) を編集したい場合、更新は HTTP 経由で URL http://my.url.com/posts/8に HTTP 動詞 POST で送信されます。ただし、この URL は私の Rails コードで構築されています。では、submit-url を jQuery コードに取り込むにはどうすればよいでしょうか? これは RESTful コードであるため、私の更新 URL は投稿ごとに変わります。

0 投票する
4 に答える
7636 参照

jquery - Jeditable - Y をクリックして X の編集を有効にする

Jeditableをインライン編集ソリューションとして使用しようとしています。

デフォルトの動作 (要素をクリックして編集する) は非常にうまく機能しますが、別の要素をクリックして要素をアクティブにしたいと考えています。

たとえば、a.activateEdit をクリックすると、次の div.edit がアクティブになります (明らかに、jQuery セレクターを使用して行う必要があります)。

これについてJeditableのドキュメントを調べましたが、正しい構文が見つかりませんでした

参考までに、デフォルトの Jeditable 構文は次のようなものです。

*編集:より良い解決策を見つけました*

0 投票する
5 に答える
18769 参照

jquery - jQuery UI Datepicker で Jeditable

ページ上の要素をクリックして編集する必要があります。これにより、jQuery UI Datepicker のインスタンスが呼び出されます。

現在、私は JEditable を使用してインプレース編集を提供していますが、これは正常に機能しています。ただし、カレンダーとして表示したい日付制御入力があり、そこから楽しみが始まります。

Calle Kabo によるこのブログ(ページは残念ながら少しつぶれています) で、これを行う方法について詳しく説明しているコメントを見つけました。

ただし、上記を機能させることはできません-エラーはありませんが、効果もありません。私はそれをjQueryドキュメント準備機能内とその外に配置しようとしました-喜びはありません.

私の UI Datepicker クラスは date-picker で、私の Jeditable クラスは ajaxedit です。上記の不作為は、コード内でそれらを参照する必要があるためだと確信していますが、その方法はわかりません。また、関係がある場合、Jeditable コントロールは多くの要素 ID の 1 つです。

詳しい人からのアイデアはありますか?

0 投票する
3 に答える
2648 参照

jquery - 保存後にJeditableが「クリックして編集」を挿入しますか?

私のコードは次のとおりです。

テキストを保存すると、「クリックして編集」というテキストが要素に挿入されますか? 保存されたテキストの代わりに?

何か案は?

ありがとう!

0 投票する
3 に答える
2452 参照

jquery - JQueryJEditableはエラー時に編集モードのままになります

jquery.ajaxとasync:falseオプションを使用して関数を介して送信するために、jeditableを正常に使用していますが、エラーが返された場合に中止する問題があります。

エラーが発生した場合、編集ボックスをアクティブのままにしたり、元の値に戻したりするにはどうすればよいですか?httpステータスコードを返しています。

だから何かのような

関数から値を返さないようにしました。これにより、編集ボックスがアクティブになり、次の送信の準備が整いますが、ESCキーが機能しなくなり、編集領域の外側をクリックしても編集ボックスが表示されたままになります。

前もって感謝します!

0 投票する
4 に答える
4426 参照

jquery - JEdi​​table フィールドでの Tab キー

JQuery と Jeditable を使用してページ上に編集可能なテキスト要素を作成するページがあります。

要素の編集中に、ある要素から次の要素にタブで移動できるようにしたいと考えています。

次の方法がわかりません。

  • jeditable または jquery を使用して、タブ キー イベント (キーコード = 9) をキャプチャします。

  • そのイベントが検出されたら、フォーカスを次の要素に移動し、jeditable を介してアクティブ化します

どんな助けでも感謝します。ありがとう!

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

javascript - 簡単でわかりやすい問題

私は Jeditable を使い始めたばかりで、3 時間もの間、理解できないようです。このチュートリアルは簡単なものである必要があります。

http://www.appelsiini.net/projects/jeditable

、しかし、それはa$$で少し苦痛であることが判明しました。jquery.js と jquery.jeditable.js をメイン ページと同じディレクトリに配置しました。これは私のコードです (コードタグではうまくいかないようですので、重要なブロックのみを示します): ヘッダーには

私のhtmlの本文には次が含まれています:

そしてそれはそれについてです。[編集] をクリックすると編集可能なフォームが表示されるはずですが、何も起こりません。どこが間違っていますか?前もって感謝します。

0 投票する
5 に答える
6669 参照

jquery - 変更後の Jeditable 設定のデフォルトの選択値

私のアプリでは、ユーザーは jeditable を使用してドロップダウン ボックスからフィールドを更新できます。プログラムがロードされると、この関数を作成して、選択した値を取得し、jeditable で選択した値として設定します。

しかし、値を変更した後、選択したタグは古い値として設定されたままになります。どうすれば新しい値に変更できますか?

これが機能です

これはタグのラッパーです。

同じタグが、新しい変数を返すページに複製されます。

0 投票する
6 に答える
9394 参照

jquery - jquery (jeditable) の混乱から抜け出す方法

私はjQueryがあまり得意ではありませんが、サイトにjEditableプラグインを使用することにしました。見た目が良く、目的を解決したからです。しかし、私は今、少し混乱しています。

このプラグインを使用してデータを編集すると、編集されたデータが DB に送信され、一部のフィールドが更新されます。これらのフィールドを更新するストアド プロシージャは、一部のデータを返しています。このデータを返してもらいたいです。最初に「アラート」ステートメントで返されたデータを確認したいだけで、そこから取得できます。

このプラグインのコールバック メソッドには、値と設定だけがあります。

このプラグインの使用中にサーバー側からデータを取得する方法はありますか?