Javascript X-x27;t检查检查过的检查表值

Javascript X-x27;t检查检查过的检查表值,javascript,php,jquery,laravel,x-editable,Javascript,Php,Jquery,Laravel,X Editable,大家好。在我正在开发的Laravel应用程序中,我使用X-editable库进行内联编辑选项。我有一个需要更新的多对多关系表(透视表)。为此,我尝试使用X-editable检查表选项,如文档中所示: 我面临的问题是,每当我点击其中一个值来编辑清单时,对话框就会弹出,但我点击的值没有被检查。下面的图片可以更好地说明这一点: 从图中您可以看到要检查的值是高中、初中和小学,但它们不是检查值,我不知道为什么 我的观点是这样的: <td> <!-- If a subject b

大家好。在我正在开发的Laravel应用程序中,我使用X-editable库进行内联编辑选项。我有一个需要更新的多对多关系表(透视表)。为此,我尝试使用X-editable检查表选项,如文档中所示:

我面临的问题是,每当我点击其中一个值来编辑清单时,对话框就会弹出,但我点击的值没有被检查。下面的图片可以更好地说明这一点:

从图中您可以看到要检查的值是高中、初中和小学,但它们不是检查值,我不知道为什么

我的观点是这样的:

<td>
    <!-- If a subject belongs to a division or divisions list all the divisions
    that belongs to the subject -->
    @if(count($subject->divisions))
        @foreach($subject->divisions as $division)

            <a href="#" data-type="checklist" data-value="{{$division->id}}" data-title="Select divisions" data-name="division" class="division" data-pk="{{$division->id}}" role="button">
                <span class="badge label-primary">{{$division->name}}</span>
            </a> 

        @endforeach
    @endif
</td>
脚本:

$('#subjects').editable({
    mode:'popup',
    container:'body',
    selector:'a.division',
    type:'checklist',
    source: function () {
        // body...
        var result;


        $.ajax({
            url: '/divisions',
            type: 'GET',
            async: false,
            global  : false,
            dataType:'json',
            success: function (data) {
                // body...

                console.log(data);

                result = data;

            }
        })
        .done(function(data) {
            console.log("success");
        })
        .fail(function(data) {
            console.log("error");
            console.log(data);
        });

        return result;
        console.log(result);

    }
});
来源结果:


以下代码是应用程序中使用的示例


$(函数(){
$(“#选项”)。可编辑({
值:[2,3],
资料来源:[
{值:1,文本:'option1'},
{值:2,文本:'option2'},
{值:3,文本:'option3'}
]
});
});
“值:[2,3],”是相关部分


现在,链接中的数据值语句看起来生成的值文本没有javascript数组的语法。

请告诉我这是否回答了您的问题,尽管是在您提问几个月后。:-)
$('#subjects').editable({
    mode:'popup',
    container:'body',
    selector:'a.division',
    type:'checklist',
    source: function () {
        // body...
        var result;


        $.ajax({
            url: '/divisions',
            type: 'GET',
            async: false,
            global  : false,
            dataType:'json',
            success: function (data) {
                // body...

                console.log(data);

                result = data;

            }
        })
        .done(function(data) {
            console.log("success");
        })
        .fail(function(data) {
            console.log("error");
            console.log(data);
        });

        return result;
        console.log(result);

    }
});
<a href="#" id="options" data-type="checklist" data-pk="1" data-url="/post" data-title="Select options"></a>


<script>
$(function(){
    $('#options').editable({
        value: [2, 3],    
        source: [
              {value: 1, text: 'option1'},
              {value: 2, text: 'option2'},
              {value: 3, text: 'option3'}
           ]
    });
});
</script>