jquery - 使用 Jeditable 保存编辑值

Question

我一直在寻找一个非常好的、文档齐全的 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'); 

Answer 1

Jeditable ,

来自 Jeditable 的示例:

In this example load.php should return the markup source not rendered xhtml. However save.php should return rendered xhtml. When saving the browser will display exactly what saving script returns. There is also another option. You can pass markup source in data parameter.

因此，save.php 应该返回(打印到页面)将在编辑位置显示的文本(而不是 html)。它还应该保存对数据库的更改或您应该执行的任何其他服务器端工作。

You post with javascript, and echo to the client the response. http://img34.imageshack.us/img34/3412/savephp.png

在 save.php 上，您可以执行任何存储新值的操作。

这里有另一个 tutorial for the in-line editor for jQuery .