剑道用户界面MVC。如何更新网格并在$（“#网格”）中添加新值。数据（'kendoGrid'）。数据源。读（）

Question

我需要在通过调用更新数据库中的数据之后更新网格

$（'#ExChangeGrid'）. data（'kendGrid'）. dataSource.read（）；

我需要用当前日期时间更新网格，但网格正在用DateTimePicker（）中存在的时间更新

如何将时间更改为当前时间？

我的网格

@(Html.Kendo().Grid<Internal.Models.ExchangeRateData>()
.Name("ExchangeGrid") 
.Columns(columns =>
{
    columns.Bound(p => p.originCurrencyFormated);
    columns.Bound(p => p.targetCurrencyFormated);
    columns.Bound(p => p.rate);
    columns.Bound(p => p.percentage) ;  
    columns.Command(commands => { commands.Edit(); }); 
    columns.Bound(p => p.adjustedRate) ;

}) 
.Editable(edit =>
{
    edit.Mode(GridEditMode.InLine); 
})
.DataSource(dataSource => dataSource
    .Ajax()
    .Batch(true)
    .ServerOperation(false)
    .Model(model =>
    {
        model.Id(item => item.targetCurrency); 
    })
    .Events(events =>
    {
        events.RequestEnd("onRequestEnd");  
    })
    .Read(read => read.Action("ExchangeRate_Read", "MyController").Data("ReadRequestData"))
    .Update(c => c.Action("Currencies_Update", "MyControllor")) 
    ) 
)                    

当我更新网格函数时，会调用“ReadRequestData”

.Read(read => read.Action("ExchangeRate_Read", "MyController").Data("ReadRequestData"))

在此函数中，“日期”的值由DateTimePicker填充

function ReadRequestData() {
    return { 
        "date": $('#dateList').val()
    };
}

DateTimePicker的代码：

@(Html.Kendo().DateTimePicker()
  .Name("dateList")
  .Start(CalendarView.Month) 
  .Format("dddd MMMM dd, yyyy H:mm:ss")
  .Value(DateTime.Now) 
  .Events(e => e.Change("changeDate"))
)

函数onRequestEnd（e）的代码

function onRequestEnd(e) {

    if (e.type == "update") { 
        $('#ExchangeGrid').data('kendoGrid').dataSource.read();
    }
}

我需要更新几个列后InLine编辑，但自动只有已更改的列更新。我还需要更新从更改的列计算的列。

Answer 1

首先，请使用Sync事件，而不是定档事件。此外，当您调用DataSource的read（）方法时，将调用Read刚需数据函数来获取日期并将其传递给您的ExchangeRate_Read操作。但是，数据更新后，您不需要该日期。因此，您可以清除DateTimePicker。

.DataSource(dataSource => dataSource
    .Ajax()
    .Batch(true)
    .ServerOperation(false)
    .Model(model =>
    {
        model.Id(item => item.targetCurrency); 
    })
    .Events(events =>
    {
        events.Sync("onSync");  
    })
    .Read(read => read.Action("ExchangeRate_Read", "MyController").Data("ReadRequestData"))
    .Update(c => c.Action("Currencies_Update", "MyControllor")) 
    ) 
)      

function onSync(e) {
    $("#dateList").data("kendoDateTimePicker").value('');
    $('#ExchangeGrid').data('kendoGrid').dataSource.read();
}

现在，在您的ExchangeRate\u Read操作中，如果从视图传递的日期为空，您可以使用当前日期。