如何使用x-editable提交表单

Question

我试图将我的数据提交给我的php函数(我的应用是基于MVC框架的)，但它所做的只是擦除我的数据。

下面是我用php编写的代码，我想用一个内联x-editable替换它：

<form method="post" action="<?php echo URL; ?>mylist/editSave/<?php echo $this->oneList->list_id; ?>">
        <label>Change my list name: </label>
        <input type="text" name="list_name" value="<?php echo $this->oneList->list_name; ?>" />
        <input type="submit" value='Change' />
</form>

我尝试过这样做：

echo '<td><a href="#" id="username" data-type="text" data-name="'.$value->list_name.'" data-url="'. URL . 'mylist/editSave/' . $value->list_id.'" data-value="'.$value->list_name.'">Edit</a></td>';

但它不起作用。我想要做的是发送$value->list_id和我的新$value->list_name，它必须由我的php函数URL/mylist/editSave/接收。

请帮帮我！谢谢您:)

Answer 1

我将成功方法与自己的函数formatXEditable一起使用，您必须始终禁用默认显示功能。

    function formatXEditable($item, $val){
        $val = $val.replace(/<br\s*\/?>/mg,"\n");
        $($item).text($val);
        $($item).on('shown', function(e, editable) {
            editable.input.$input.val($val);
        });
    }

    $('#identifier').editable({
        ...
        display: function(value, response) {
            return false;   //disable this method (success displays value information)
        },
        success: function(response, value) {
            if(response.status == 'error') return response.msg; //msg will be shown in editable form

            formatXEditable($('#identifier'), response.identifier);
            $('#pagesForm-identifier').val(response.identifier);
        },
        error: function(errors) { }
    });

希望能有所帮助。