Получение сообщения об ошибке e.slice не является функцией при установке источника данных в сетку кендо

Question

Я пытаюсь получить данные и установить их в качестве источника данных сетки кендо с помощью ajax.

Я правильно получаю данные от контроллера. Но когда я пытаюсь установить источник данных в сетку кендо, он показывает мне следующую ошибку:

Uncaught TypeError: e.slice не является функцией

$(function () {
        loadCstDetails();
    });

function loadCstDetails() {

        var statemenetInquiryParameter = {};

        statemenetInquiryParameter.isPrintZero = true;
        statemenetInquiryParameter.isPrintPayments = true;
        statemenetInquiryParameter.isPrintAdjust = true;
        statemenetInquiryParameter.cst_stmt_from = new Date("April 01, 2016");
        statemenetInquiryParameter.cst_stmt_to = new Date("April 12, 2016");
        statemenetInquiryParameter.customerCode = 007;

        $.ajax({
            type: 'POST',
            data: JSON.stringify({ statemenetInquiryParameter: statemenetInquiryParameter }),
            contentType: 'application/json;',
            dataType: 'json',
            url: '@Url.Action("LoadCustomerStatementEnquiryDetails", "Stage")',
            success: function (result) {
                $('#gridCustomerCstTranDetailsManual').data('kendoGrid').dataSource.data(result);
            }
        });
    }

<div class="row" style="margin-top: 5px;">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        @(Html.Kendo().Grid<ServicePROWeb.ServiceProWCFService.CstTran>()
                            .Name("gridCustomerCstTranDetailsManual")
                            .Columns(columns =>
                            {
                                columns.Bound(p => p.cst_inv_date).Title("Invoice Date").HtmlAttributes(new { @style = "text-align: right;" }).Format(Session["DisplayFormat_GridDate"].ToString()).Width(80);
                                columns.Bound(p => p.cst_type).Title("Type").Width(80);
                                columns.Bound(p => p.cst_ih_invno).Format("{0:n2}").HtmlAttributes(new { @style = "text-align: right;" }).Filterable(false).Title("Invoice Number").Width(80);
                                columns.Bound(p => p.cst_dr_amount).Format("{0:n2}").HtmlAttributes(new { @style = "text-align: right;" }).Filterable(false).Title("Debit").Width(80);
                                columns.Bound(p => p.cst_cr_amount).Format("{0:n2}").HtmlAttributes(new { @style = "text-align: right;" }).Filterable(false).Title("Credit").Width(80);
                                columns.Bound(p => p.cst_dr_balance).Format("{0:n2}").HtmlAttributes(new { @style = "text-align: right;" }).Filterable(false).Title("Balance").Width(80);
                            })
                            .Selectable()
                            .Sortable()
                            .Scrollable()
                            .Resizable(resize => resize.Columns(true))
                            .HtmlAttributes(new { style = "cursor:pointer;height:auto;width:auto;margin-top: 0px;" })
                            .DataSource(dataSource => dataSource.Ajax())
                        )
                    </div>
                </div>

public class StatemenetInquiryParameter
{
    public decimal customerCode { get; set; }
    public DateTime cst_stmt_from { get; set; }
    public DateTime cst_stmt_to { get; set; }
    public bool isPrintZero { get; set; }
    public bool isPrintPayments { get; set; }
    public bool isPrintAdjust { get; set; }
}

public JsonResult LoadCustomerStatementEnquiryDetails([DataSourceRequest]DataSourceRequest request, StatemenetInquiryParameter statemenetInquiryParameter)
    {
        List<CstTran> l = new List<CstTran>();

        for (int i = 0; i < 12; i++)
        {
            CstTran c = new CstTran();

            c.cst_inv_date = statemenetInquiryParameter.cst_stmt_from.AddDays(i);
            c.cst_type = "I";
            c.cst_ih_invno = i + 1;
            c.cst_dr_amount = i;
            c.cst_cr_amount = 0;
            c.cst_dr_balance = c.cst_dr_balance + i;

            l.Add(c);
        }

        return Json(l.ToDataSourceResult(request));
    }

public class CstTran
{
    public decimal cst_cm_code { get; set; }
    public string cst_type { get; set; }
    public DateTime cst_stmt_from { get; set; }
    public int cst_ih_invno { get; set; }
    public int cst_rcpt_no { get; set; }
    public decimal cst_dr_amount { get; set; }
    public decimal cst_cr_amount { get; set; }
    public DateTime cst_inv_date { get; set; }
    public DateTime cst_stmt_to { get; set; }
    public decimal cst_dr_balance { get; set; }
    public int cst_ih_acct_per { get; set; }
    public int cst_lvl4_sequence { get; set; }
}

kendo-ui kendo-grid kendo-asp.net-mvc

2

Lonely Planeteer 28 Апр 2016 в 07:00

Answer 1

Эта ошибка вызвана использованием ToDataSourceResult(). Попробуйте обновить метод LoadCustomerStatementEnquiryDetails(), как показано ниже:

public JsonResult LoadCustomerStatementEnquiryDetails(StatemenetInquiryParameter statemenetInquiryParameter)
{
    List<CstTran> l = new List<CstTran>();

    for (int i = 0; i < 12; i++)
    {
        CstTran c = new CstTran();

        c.cst_inv_date = statemenetInquiryParameter.cst_stmt_from.AddDays(i);
        c.cst_type = "I";
        c.cst_ih_invno = i + 1;
        c.cst_dr_amount = i;
        c.cst_cr_amount = 0;
        c.cst_dr_balance = c.cst_dr_balance + i;

        l.Add(c);
    }
    return Json(l, JsonRequestBehavior.AllowGet);
}

Надеюсь, это помогает ...

2

Murat Yıldız 28 Апр 2016 в 20:47

Answer 2

Я подозреваю, что при визуальном осмотре предоставленного кода у нас есть две вещи.

Во-первых:

.DataSource(dataSource => dataSource.Ajax())

Если вы определяете «удаленный» источник данных, вам необходимо предоставить команде действие чтения или привязать его к коллекции (на основе моего опыта), что, вероятно, является причиной ошибки, которую вы переживает.

В дополнение к этому вы, кажется, создаете код, который объявление сетки может сделать за вас.

Если вы хотите передать некоторые параметры контроллеру, я бы предложил изменить ваш код следующим образом:

    .DataSource(dataSource => {
                dataSource.Ajax()
                .Read(read => {
                 read.Action("LoadCustomerStatementEnquiryDetails", "Stage").Data("loadCstDetails");
                              })

Затем измените существующую функцию loadCstDetails на:

function loadCstDetails() {

        var statemenetInquiryParameter = {};

        statemenetInquiryParameter.isPrintZero = true;
        statemenetInquiryParameter.isPrintPayments = true;
        statemenetInquiryParameter.isPrintAdjust = true;
        statemenetInquiryParameter.cst_stmt_from = new Date("April 01, 2016");
        statemenetInquiryParameter.cst_stmt_to = new Date("April 12, 2016");
        statemenetInquiryParameter.customerCode = 007;
   return {statemenetInquiryParameter: statemenetInquiryParameter};
}

Затем он должен передать объект в том виде, в котором он был изначально.

Надеюсь, это даст вам рабочее решение.

0

David Shorthose 28 Апр 2016 в 10:13

Получение сообщения об ошибке e.slice не является функцией при установке источника данных в сетку кендо

2 ответа

Похожие вопросы

Связанные вопросы

Новые вопросы

kendo-ui