在laravel上可编辑：看不到应用的更改

Question

给我的Laravel 5.1网站一个可编辑的镜头。我有一个列表的文本标题列为表行。我跟着留档。当我点击标题时，我可以看到文本字段的编辑表单弹出。我更改文本并提交。新文本显示，弹出窗口按预期消失。但是数据库没有更新。我确保将data-url设置为我需要的后期操作。确保为它添加路线。确保在我的控制器中有一个方法来处理请求、更新数据库和重定向（不确定重定向是否必要）。这是一个单行的片段，为了简单起见，我硬编码了标题和它的id。

<a href="#" class="task-editable-name" id="task-editable-name" data-type="textarea" data-url="/task/2/edit" data-title="">Solve x-editable bug</a>


$(document).ready(function() {
    $.fn.editable.defaults.mode = 'popup';     

    $('.task-editable-name').editable({
        placement: 'bottom',
        rows: 3
    });
});


Route::post('/task/{task}/edit', 'TaskController@edit');


public function edit(Request $request, Task $task)
{
    $task->name = $request['value'];
    $task->save();
    return redirect('/tasks');
}

Answer 1

与laravel一起使用xeditable的简单方法

HTML

<link href="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/jqueryui-editable/css/jqueryui-editable.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.0/jqueryui-editable/js/jqueryui-editable.min.js"></script> 

<div id="_token" class="hidden" data-token="{{ csrf_token() }}"></div>
<a href="#" id="industryName" data-type="text" data-pk="{{ $industry->id }}" data-title="Edit industry">{!! $industry->name !!}</a>

Javascript

    $(document).ready(function() {

     $.fn.editable.defaults.mode = 'inline';

       $.fn.editable.defaults.params = function (params) 
       {
        params._token = $("#_token").data("token");
        return params;
       };

     $('#industryName').editable({
                validate: function(value) {
                                            if($.trim(value) == '') 
                                                return 'Value is required.';
                                            },
                type: 'text',
                url:'/updateIndustry',   
                send:'always',
                ajaxOptions: {
                dataType: 'json'
                }

                } );
 } );

拉维尔路线

Route::post('/updateIndustry',  'SettingsController@updateIndustry');

拉威尔控制器

public function updatePosition(Request $request)
    {
        $id= $request->pk;
        $position = $request->value;

        $count = DB::table('designations')->whereRAW("position LIKE '%".$position."%'")->where('id','!=',$id)->count();
        if($count)
            echo "Similar position exists.";

        else
        {
            DB::table('designations')->where('id',$id)->update(['position' => $position]);
            echo "1";
        }
   } 

Answer 2

我解决了我的问题。我必须做三件事：

将此添加到处理x-edable的js中：

$.fn.editable.defaults.send = "always";

根据laravel文档包括以下元和脚本：

<meta name="csrf-token" content="{{ csrf_token() }}" />
<script type="text/javascript">
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
</script>

直接从我的控制器中的$请求访问x可编辑值：

public function edit(Request $request, Task $task)
{
    $task->name = $request->value; // instead of $request->input('value')
    $task->save();
}

谢谢你们的回复，希望这能帮助其他人！

Answer 3

我也在使用带有x-editable的Laravel 5.1，下面是我如何实现更新的，以便您可能会发现您的问题有一些用处：

链接：

<div class="myupdate">
    <a data-name="database_column_name" href="#" data-type="text" data-url="update-row" data-pk="1" class="pUpdate" data-title=""></a>
</div>

路线：

Route::post('update-row', 'HomeController@updateRow');

控制器：

public function updateRow(Request $request)
{
    // get database row id
    $pk = $request->input('pk');

    // get column name
    $col = $request->input('name');

    // get new value
    $value = $request->input('value');

    // get id row of line item and edit/save
    if ($finditem = Items::where('id', $pk)->update([$col => $value]))
    {
        return \Response::json(array('status' => 1));
    }
    else
    {
        return \Response::json(array('status' => 0));
    }
}

jQuery：

$(document).ready(function(){
    $.fn.editable.defaults.mode = 'popup';
    $('.myupdate').editable({
        selector: '.pUpdate',
        validate: function(value) {
            if($.trim(value) == '') {
                return 'Value is required.';
            }
        },
        placement: 'top', 
        send:'always',
        ajaxOptions: {
            dataType: 'json'
        }
    });
 });

正如James所说，您是否检查了您试图更新的列是否列在表模型中的$fillable数组下？

数据库表模型：

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Model;

class Items extends Model {

    protected $connection = 'mysql';
    protected $primaryKey = 'id';
    protected $table = 'items_table';
    protected $fillable = array(
        'name',
        'description',
        'quantity'
    );

    public $timestamps = true;

}

你能打开你的浏览器开发工具来监控在这期间是否有任何错误出现吗？

我觉得很奇怪，可编辑的x甚至会表现得好像什么都没有错，并且不会在当时和那里显示错误。

以上对我来说很有用，所以一旦你调整了你的，我相信你应该开始。