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 的例子：

在此示例中，load.php 应返回未呈现 xhtml 的标记源。但是 save.php 应该返回渲染的 xhtml。保存时浏览器将准确显示保存脚本返回的内容。还有另一种选择。您可以在数据参数中传递标记源。

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

您使用 javascript 发布，并将响应回显给客户端。http://img34.imageshack.us/img34/3412/savephp.png

在save.php你做任何事情时，你都会存储新的价值。

在这里，您有另一个jQuery 内联编辑器教程。

于 2009-08-18T19:30:52.040 回答
1

toggledit有一个简单的回调机制（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 回答