数据表 AJAX 从连接表中获取字段答案

【问题标题】：Datatables AJAX Get Fields from joined Table数据表 AJAX 从连接表中获取字段
【发布时间】：2017-08-29 22:30:29
【问题描述】：

我正在使用 JQuery 数据表和 AJAX。我很难从通过主键连接的辅助表中获取字段。我唯一能展示的是主键。在这种情况下，关注_id。

模型：问题

    public int question_id { get; set; }
    public int concern_id { get; set; }
    public string question_text { get; set; }
    public string question_answer { get; set; }

型号：关注

    public int concern_id { get; set; }
    public string concern_desc { get; set; }

我希望能够显示关注描述。如果我不在数据表中使用 AJAX，我可以轻松获取我需要的字段。

例子：

@Html.DisplayNameFor(model => model.concern.concern_desc)

控制器：

   public JsonResult GetQuestionRecord()
    {
        bool proxyCreation = db.Configuration.ProxyCreationEnabled;
        try
        {
            db.Configuration.ProxyCreationEnabled = false;
            var list = (from q in db.questions
                        join c in db.concerns on q.concern_id equals c.concern_id
                        select q).ToList();

            return Json(list, JsonRequestBehavior.AllowGet);
        }
        catch (Exception ex)
        {
            Response.StatusCode = (int)HttpStatusCode.BadRequest;
            return Json(ex.Message);
        }
        finally
        {

            db.Configuration.ProxyCreationEnabled = proxyCreation;
        }

    }

查看：

<table id="DataTable" class="display" style="width:100%">
<thead>
    <tr>
        <th>ConcernID</th>
        <th>QuestionText</th>
    </tr>
</thead>
<tbody></tbody>

JavaScript：

$(document).ready(function () {
    GetQuestionRecord();
});

var GetQuestionRecord = function () {
    $.ajax({
        type: "Get",
        url: '@Url.Action("GetQuestionRecord","questions")',
        success: function (response) {
            BindDataTable(response);
        }
    });
}     
var BindDataTable = function (response) {
    $("#DataTable").DataTable({
        "aaData": response,
        "aoColumns": [
            { "mData": "concern_id" },
            { "mData": "question_text" },
        ]
    });
}

为了显示 "concern_desc"，我应该在 "mData : concern_id" 中更改什么。我试过了：

{ "mData": "concern_desc" }

和

{ "mData": "concern.concern_desc" }

【问题讨论】：

返回一个包含你想要的属性的匿名对象 - select new { concern_desc = c.concern_desc, question_text = q.question_text } 然后在脚本中 { "mData": "concern_desc" }
@StephenMuecke 感谢这很容易解决

标签： javascript asp.net-mvc datatables

【解决方案1】：

第 1 步：将控制器中的 LINQ 查询更改为此。

        var list = (from q in db.questions
                        join c in db.concerns on q.concern_id equals c.concern_id
                        select new
                        {
                            question_id = q.question_id,
                            concern_id = q.concern_id,
                            question_text = q.question_text,
                            question_answer = q.question_aswer,
                            concern_desc = c.concern_desc
                        }).ToList();

第 2 步：将 BindDataTable JS 代码更改为。

var BindDataTable = function (response) {
    $("#DataTable").DataTable({
        "aaData": response,
        "aoColumns": [
            { "mData": "concern_id" },
            { "mData": "question_text" },
            { "mData": "concern_desc" }
        ]
    });

【讨论】：