問題タブ [inline-editing]

任意の列と行を持つテーブルがあります。この事実は関係ありませんが、実際には、行 (または複数の行) をテーブル内のデータ (またはセルにデータがない場合は空) を含む一連のテキスト入力に変換する関数を開発するだけです。

これを明示的に行っている人々の例を見つけることができないので、ここの人々が解決策を見つけるための最良の方法は何だと考えているのだろうかと思いました。

AJAX を使用してページ上に編集可能な領域を作成する方法に関するチュートリアルを見つけました。

一意の ID を持つ単一の要素用に記述されていることを除けば、これは素晴らしいことです。同じページの複数の要素をクリックして編集できるようにしたい (たとえば、以下のスクリプトを変更して、単一の要素ではなく、特定の要素の複数の要素で機能するようにしたい)クラス）。

ここに私のHTMLがあります：

これが私が使用しているJSファイルです（以下のRexの回答に従ってスクリプトを更新しました）：残念ながら、このスクリプトは機能していません-誰かが私を正しい方向に向けることができますか？

準標準ヘッダーを含むファイルがたくさんあります。つまり、見た目は非常に似ていますが、テキストが多少異なります。

このヘッダーをすべてのファイルから削除したいと考えています。

ファイルを見ると、削除したいものが類似した単語の間にカプセル化されていることがわかります。

だから、例えば、私は持っています：

私はperlでこのコマンドを試しました：

しかし、うまくいきません。私は正規表現の専門家ではありませんが、文字数ではなくテキスト一致に基づいてファイルの先頭からテキストのチャンクを基本的に削除する方法を誰かが知っていることを願っています...

私はデータを持っています

その後、JavaScriptで

editRow関数で、いくつかのajaxを実行し、TDを取得し$(row_id).html(html)て、行のTDを置き換えます[]。これはすべて正常に機能します。ただし、キャンセルボタンを1つ用意する必要があります。クリックすると、元のTDが元に戻ります（つまり、入力ボックスがありません）。この機能を実現するためのアイデア、方法はありますか？編集前の行のhtmlを変数にコピーし、後でキャンセルして入力ボックスのhtmlを置き換える必要がありますか？ご協力ありがとうございました。

編集

また、ユーザーがページの別の場所をクリックした場合は、キャンセルと見なして元のデータに戻す必要があります。このアクションをバインドする方法は？

私の 2 つの最優先事項は、プログレッシブ エンハンスメントとインライン編集です。プログレッシブ エンハンスメント ( DataTables ) とインライン編集 ( jqGrid ) を見つけましたが、両方ではありません。jQuery UI テーマのサポートは素晴らしいことですが、優先度は低くなります。

更新: これは、ソリューションが似ていると私が想像している例です。

私は、別のボタンをクリックするだけで値を編集できる、非常に優れた、十分に文書化されたjqueryプラグインを探していました。

Jeditableは私が今までに見つけたものに最も近いものですが、テスト中であっても、それを保存する方法がわかりません。値を返す本当に速い何か。

私はこれを私のphpスクリプトに使用しています：

これは私のJSスクリプトです：

これは私のHTMLです：

修正：phpは次のようになります：

autoSave = "false"があり、ユーザーがEnterキーを押した場合に変更されたテキストを保存する、dojo InlineTextBoxを作成するにはどうすればよいですか？「保存」ボタンと「キャンセル」ボタン、およびautoSave =「true」の入力時の保存動作を使用することは可能ですか？

私は Adob​​e Buzzword と Zoho Writer を見てきましたが、それらのエディター コントロールが提供する機能は、私が取り組んでいるアプリケーションに組み込む必要があるものです。

はっきりさせておくと、私は FCKEditor や Telerik RAD コントロール エディターのような WYSIWYG HTML エディターを探しているわけではありません。

私が探しているのは、ブラウザ内でワード文書を作成、編集、サーバーに保存できるエディタです。

この機能を提供できる可能性のある利用可能なコントロール (商用またはオープン ソース) を知っている人はいますか? 私は DHTML ベースの方が好みですが、Flash や Silverlight も問題ありません。ブラウザ内に存在する必要があるだけです。

私のページには以下のHTMLがあります

そして私のJavaScriptで

私の要件は、ユーザーがマスターdivの上にマウスを置いたときに編集リンクを表示することです。これで正常に動作しますが、編集画像/リンクを保持しているdivの上にマウスを置くと、消えてしまいます。edit divの上にマウスを置くと、親divのmouseout関数が呼び出されることがわかりました。誰かが私がこれを解決するのを手伝ってくれる？

一部のWebサイトでは、動的フォームを使用して（呼び出し方法がわかりません！）、データのグループを編集しています。例：名前、姓、都市、国などのデータのグループがあります。ユーザーが[編集]ボタンをクリックすると、ポストバックを実行する代わりに、2つのテキストボックスと2つのコンボボックスで構成されるフォームが動的に開いて編集し、[保存]ボタンをクリックすると、編集フォームが非表示になり、すべてのデータが更新されます。

ここで、サーバー呼び出しにAjaxを使用し、dom操作にjavascriptを使用していることがわかりました。テキストボックス編集用のjqueryプラグインもいくつか見つかりました。ただし、フォームフィールドを完全に実装するためのプラグインは見つかりませんでした。したがって、jqueryajax呼び出しとdom操作を手動でasp.netに実装しました。これが私のプロセスです：

1）[編集]ボタンがクリックされたとき：サーバーにajax呼び出しを行って、必要なformedit.aspxを取得します。2）値が割り当てられた編集可能なフォームフィールドを返します。3）[保存]ボタンをクリックした場合：サーバーをajaxで呼び出して、formupdateprocess.aspxページを取得します。基本的にデータベースの更新を行い、現在のページを挿入するために必要なDOMスニペット（...）を返します。

うまく機能しますが、私の問題はパフォーマンスです。他のサイトで見られるサンプルよりも結果が遅いようです。:(（

私が知らないことはありますか？これを実装するためのより良い方法??