[当我试图对DataGrid进行排序时。.数据消失了。

Question

当单击Sortable（）时数据绑定，UI上不显示数据

 @(Html.Kendo().Grid<Keys>(Model.baseKeysLocations).Name("SearchResultsGridLocation")
                                                //.Sortable()
                                                .Sortable(Sortable => Sortable.AllowUnsort(false))
                                                .HtmlAttributes(new { style = "height: 450px" })
                                                .Resizable(r => r.Columns(true))
                                                .Reorderable(r => r.Columns(true))
                                                .Scrollable(s => s.Virtual(true))
                                                .Editable(e => e.Mode(GridEditMode.InCell))
                                                .Pageable(p => p.Numeric(false).PreviousNext(false).Messages(m => m.Display("Total: {2}")))
                                                 .DataSource(ds => ds
                                                                .Ajax()
                                                                .AutoSync(true)
                                                                .Read(read => read.Action("Grid_KeyLocationRead", "Keys", new { @schdate = "", @drv = "" }))
                                                                .Model(m =>
                                                                {
                                                                    m.Id(f => f.UniqueId);
                                                                    m.Field(f => f.Schedule);
                                                                    m.Field(f => f.TableId).Editable(false);
                                                                    m.Field(f => f.FobId).Editable(false);
                                                                    m.Field(f => f.RoomKey).Editable(false);
                                                                    m.Field(f => f.Community).Editable(false);
                                                                    m.Field(f => f.Lease).Editable(false);
                                                                    m.Field(f => f.RoomKey).Editable(false);
                                                                    m.Field(f => f.Driver).Editable(false);
                                                                    m.Field(f => f.Status).Editable(false);
                                                                    m.Field(f => f.FobId);
                                                                }
                                                                )
                                                            )

                                                    .Columns(columns =>
                                                    {
                                                        columns.Bound(f => f.UniqueId).Width("8rem").Hidden();
                                                        columns.Bound(f => f.TableId).Title("Id").Width("5rem").Hidden();
                                                        columns.Bound(f => f.RoomKey).Title("Key Location").Width("6rem");
                                                        columns.Bound(f => f.Community).Title("Community").Width("6rem");
                                                        columns.Bound(f => f.Lease).Title("Master").Width("6rem");
                                                        columns.Bound(f => f.Driver).Title("Driver").Width("6rem");
                                                        columns.Bound(client => client.Status).ClientTemplate("# if (Status == true) { #" + "IN" + "# } else  {#" + "OUT" + "# }  #").Title("Status").Width("8rem");
                                                    })
                                                    .Sortable()
    )
</div>

*Data Was Binding When Sortable() was clicked data was Disappearing on UI*

*数据正在绑定* 1：https://i.stack.imgur.com/qRAmu.png
当按排序功能数据消失时

[2]：https://i.stack.imgur.com/LVSld.png

[尝试对DataGrid进行排序..Data消失了..但是数据以Json响应的形式出现，并且没有通过Sortable（）在UI上显示*

单击鼠标时，数据已绑定。在UI @（Html.Kendo（）。Grid

（Model.baseKeysLocations）.Name（“ SearchResultsGridLocation”）...

Answer 1

 function SearchLocationResults(search) {
    $filter = new Array();
    var leaseuid = null, complexuid = null;
    if (search == true) {
        if ($("#baseLocationViewModel_ComplexUId").data("kendoDropDownList").value() != '' && $("#baseLocationViewModel_ComplexUId").data("kendoDropDownList").value() != null && $("#baseLocationViewModel_ComplexUId").data("kendoDropDownList").value() != undefined) {
            $filter.push({ field: "Driver", operator: "isequalto", value: $("#baseLocationViewModel_DriverUId").data("kendoDropDownList").value() });
            complexuid = $("#baseLocationViewModel_ComplexUId").data("kendoDropDownList").value();
        }
        if ($("#baseLocationViewModel_MasterUId").data("kendoDropDownList").value() != '' && $("#baseLocationViewModel_MasterUId").data("kendoDropDownList").value() != null && $("#baseLocationViewModel_MasterUId").data("kendoDropDownList").value() != undefined) {
            $filter.push({ field: "LeaseUId", operator: "isequalto", value: $("#baseLocationViewModel_MasterUId").data("kendoDropDownList").value() });
            leaseuid = $("#baseLocationViewModel_MasterUId").data("kendoDropDownList").value();
        }
    }
    $(".loadermodel").removeClass('d-none');
    $.ajax({
        url: '/Keys/Keys/Grid_KeyLocationRead',
        type: "POST",
        dataType: "json",
        contentType: 'application/json; charset=utf-8',
        async: false,                    
        data: JSON.stringify({
            request: $filter, schedule: $("#baseLocationViewModel_Schedule").val(), driver: $("#baseLocationViewModel_DriverUId").data("kendoDropDownList").value(), _complexUId: complexuid, _leaseUId: leaseuid
        }),
        cache: false,
        success: function (result) {
            $("#SearchResultsGridLocation").data('kendoGrid').dataSource.data([]);
            $("#SearchResultsGridLocation").data('kendoGrid').dataSource.data(result);
            $(".loadermodel").addClass('d-none');
        },
        error: function (err) {
            $(".loadermodel").addClass('d-none');
        }
    });
}