3

アプリケーションでインライン編集を使用する必要があります。この目的のために、私はjQuery用のJeditableプラグインを使用しています。

要素をクリックしたときにのみ編集可能モードをトリガーしたい。これは機能しない私のコードです：

var tet = "";
$(".edit-client").click(function(event) {
    tet = "#"+event.target.id;
    //alert(tet);
});

$(tet).editable("/bestcredit/admin.php/request/editClient", {
    submitdata : function (value,settings){
                    return {"Client[id]":'.$model->client->id.' };
                },

    //indicator : "Saving...",
    //tooltip   : "Click to edit...",
    submit   : "OK",
    name : "Client["+tet.substr("1")+"]"
    //alert(1);
 });

この機能を追加するにはどうすればよいですか？

4

1 に答える 1

10

それを行うには多くの方法があり、すべて HTML に依存しますが、たとえば次の HTML がある場合:

<div class="edit" id="unique_id">Editable text</div> 
<a href="#" class="edit_trigger">Edit me!!</a>

次に、次の JavaScript を使用できます。

/* Bind Jeditable instances to "edit" event. */
$(".edit").editable("http://www.example.com/save.php", {
    event     : "edit"
});
/* Find and trigger "edit" event on correct Jeditable instance. */
$(".edit_trigger").bind("click", function() {
    $(this).prev().trigger("edit");
});
于 2012-08-14T15:35:26.603 に答える