Kendo DataSource解析JSON不确定

Question

我尝试将远程数据源绑定到我的Kendo Latpownist列表，但是Kendo DataSource可以正确解析JSON响应。结果证明是“未定义的”，并识别数据中的每个charachter作为选择。我不知道该错误在哪里，请帮助我！

控制器的响应：

“ [{“ code_id”：“ a”，“ code_name”：“ free”}，{“ code_id”：“ b”，“ code_name”：“ borrowed”}，{“ code_id”： “ code_name”：“无法”}，{“ code_id”：“ c”，“ code_name”：“要借用”}]

：“无法 noreferrer“> html结果

的前端JS代码

$(document).ready(function () {
    $("#search_category").kendoDropDownList({
        dataTextField: "CODE_NAME",
        dataValueField: "CODE_ID",
        dataSource: {
            transport: {
                read: {
                    type: "GET",
                    url: "/BookData/GetDataList",
                    data: { name: "category" },
                    dataType: "json"
                }
            },
        },
    });
}

kendo下拉列表bookdatacontrollor

[HttpGet()]
public JsonResult GetDatalist(string name)
{
    string result;
    try
    {
        switch (name)
        {
            case "category":
                result = codeService.GetDataList("CODE_ID, CODE_NAME",
                "BOOK_CODE", "CODE_TYPE = 'BOOK_STATUS'");
                break;
            default:
                return Json(false);
         }
         return Json(result, JsonRequestBehavior.AllowGet);
    }
    catch (Exception ex)
    {
        return Json(false);
    }
}

后端class codeService

private DataTable GetDataTable(string sql)
{
    DataTable dt = new DataTable();
    using (SqlConnection conn = new SqlConnection(this.GetDBConnectionString()))
    {
        conn.Open();
        SqlCommand cmd = new SqlCommand(sql, conn);
        SqlDataAdapter sqlAdapter = new SqlDataAdapter(cmd);
        sqlAdapter.Fill(dt);
        conn.Close();
    }

    return dt;
}

public string GetDataList(string col, string src, string cond)
{
    DataTable dt = GetDataTable(string.Format(@"SELECT {0} FROM {1} WHERE {2}",
                                    col, src, cond).ToUpper());
    string result = JsonConvert.SerializeObject(dt);
    return result;
}

Answer 1

您正在返回code_id和code_name在您的控制器中，但是您在前端引用的值是category_name 。更改它们以引用正确的列名：

$('#search_category').kendoDropDownList({
  dataTextField: 'CODE_NAME',
  dataValueField: 'CODE_ID',
  dataSource: {
    transport: {
      read: {
        type: 'GET',
        url: '/BookData/GetDataList',
        data: { name: 'category' },
        dataType: 'json',
        success: function (response) {
          console.log(response);
        }
      }
    }
  }
});

Answer 2

似乎即使将数据返回json（结果）作为jsonresult，响应内容也可能是一个字符串，数据源无法以正确的方式处理。

尝试强加于使用分析方法：

$(document).ready(function () {
    $("#search_category").kendoDropDownList({
        dataTextField: "CODE_NAME",
        dataValueField: "CODE_ID",
        dataSource: {
            transport: {
                read: {
                    type: "GET",
                    url: "/BookData/GetDataList",
                    data: { name: "category" },
                    dataType: "json"
                }
            },
            schema: {
                parse: function(data) {
                    // Here you can check what 'data' really is
                    console.log(data);
                    return JSON.parse(data);
                }
            }
        },
    });
}