2

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

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

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

function editprofile()
{
    $this->input->post('value');
}

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

$("a.edit").live('click', function(){

     $(this).parent("li").find("span.detail").editable('profile/editprofile', 
     {
         indicator : 'Saving...',
         submit  : 'OK',
         tooltip   : 'Click to edit...'
     });    
});

これは私のHTMLです：

<span id="city" class="detail">Philadelphia</span>
<a href="javascript:;" class="edit">Edit</a>

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

echo $this->input->post('value');
4

2 に答える 2

3

Jeditable、

Jeditableの例から：

この例では、load.phpはレンダリングされていないxhtmlではないマークアップソースを返す必要があります。ただし、save.phpはレンダリングされたxhtmlを返す必要があります。ブラウザを保存すると、保存スクリプトが返す内容が正確に表示されます。別のオプションもあります。データパラメータでマークアップソースを渡すことができます。

したがって、編集した場所に表示されるテキスト（htmlではなくsave.php）を返す（ページに印刷する）必要があります。また、データベースまたは実行する必要のあるその他のサーバー側の作業に変更を保存する必要があります。

javascriptで投稿し、クライアントに応答をエコーし​​ます。http://img34.imageshack.us/img34/3412/savephp.png

あなたsave.phpが何かをするとき、あなたは新しい価値を保存します。

ここに、jQueryのインラインエディタの別のチュートリアルがあります。

于 2009-08-18T19:30:52.040 に答える
1

トグルディットには、単純なコールバックメカニズム（onpreview、onedit）と単純なパブリックメソッドapi（edit、preview）があります。

保存するには、これらのイベントやその他のイベントがトリガーされたときに起動する独自のajax関数を作成します。たとえば、保存ボタンがクリックされた場合などです。

編集モードに切り替えるためのリスナーも構成可能です。ボタンセレクターを渡すことができます。

$（form）.find（'input、select'）。toggleEdit（{
    リスナー：{
        編集：'#your_button'
    }
}）;

また、公開イベントを使用して、ボタンから手動で編集とプレビューをトリガーすることもできます。

$（el）.toggleEdit（'edit'）;
$（el）.toggleEdit（'preview'）;

https://stackoverflow.com/questions/708801/whats-the-best-edit-in-place-plugin-for-jquery/も参照してください：>

于 2011-04-04T07:33:32.327 に答える