使用ajax调用结果在bootbox对话框中创建表

时间:2016-04-06 14:24:19

标签: c# jquery html ajax bootbox

我目前正在开发一个应用程序,应报告在特殊场合出席。我通过AJAX调用得到了一个JSON对象列表。

然后我会在bootbox对话框中创建一个表,它将为我的AJAX调用结果中的每个项创建新行。每一行都包含名称和一个链接到名称ID的复选框。

但是当我显示启动框时,它只显示了object.object和下面的空框。

我做错了什么?

这是我的代码:

$.ajax({
    type: 'GET',
    url: '/Lecture/GetParticipantsToAttend',
    dataType: 'json',
    data: { id: lectureId },
    success: function (participants) {

        bootbox.dialog({
            backdrop: false,
            title: "Attendance",
            message: '<table class="table-striped form-control" id="tblParticipants"> '
                + $.each(participants, function (i, participant) {
                    '<tr> '
                        + '<td class="col-lg-11 col-md-11 col-sm-11 col-xs-11"> '
                    + '<label> ' + participant.FullName
                    + '</label>' + '</td> '
                    + '<td class="text-center col-lg-1 col-md-1 col-sm-1 col-xs-1">'
                    +
                (participant.Attended == true ? '<input type="checkbox" value="' + participant.ParticipantId + '" checked="checked"/>' : '<input type="checkbox" value="' + participant.ParticipantId + '" />')
                    + '</td> '
                    + '</tr> '
            }) + '</table> ',
            buttons: {
                success: {
                    label: "Save",
                    className: "btn-success",
                    callback: function () {

                    }
                },
                danger: {
                    label: "Cancel",
                    className: "btn-danger",
                    callback: function () {

                    }
                }
            }
        })            
    }
})

1 个答案:

答案 0 :(得分:1)

我认为这里的解决方案是在调用bootbox之前创建字符串。 尝试做类似的事情:

192.168.0.1 192.168.0.2 ...and so on