如何将 Javascript 变量值发送到 Kendo UI Grid？

Question

我正在使用 Kendo UI 并将网格数据导出到 Excel，我知道这个过程，它对我来说很好用。 现在我希望 excel 文件名是像“12-12-2014.xlsx”这样的日期，虽然我可以使用 Javascript 从下拉列表中获取日期值，但我无法将此日期值发送到我的 Kendo UI Grid。 这是代码，谁能帮助我或任何其他建议？

<script type="text/javascript">
    var selectedDate ="";
    $("#startDate").change(function (e) {
          selectedDate = $(this).val();
          var  sd = selectedDate.split('/');
          selectedDate = sd[0] + "-" + sd[1] + "-" + sd[2];
          // selectedDate must be the excel file name
        });
</script>

剑道用户界面网格：

 @(Html.Kendo().Grid<Futuresteps.Media.Models.PrintMedia>()
     .Name("grid")
    .Columns(columns =>
     {
          // some data
     })
     .Excel(excel => excel
               .FileName(selectedDate+".xlsx")
               .Filterable(true) 
              .ProxyURL(Url.Action("Excel_Export_Save", "PrintMedias"))  
       )                                         

Answer 1

由于日期可以更改，因此您应该计算将文件导出到 Excel 的日期，而不是像您在创建时间中所做的那样：

.Excel(excel => excel
    .FileName(selectedDate+".xlsx")
    ...  
)        

您应该将导出到 excel 事件处理程序 (excelExport) 定义为：

excelExport: function(e) {
    var selectedDate = ...
    e.workbook.fileName = selectedDate + ".xslx";
}

它可能看起来像：

<script type="text/javascript">
    var selectedDate ="";
    $("#startDate").change(function (e) {
        selectedDate = $(this).val();
        var  sd = selectedDate.split('/');
        selectedDate = sd[0] + "-" + sd[1] + "-" + sd[2];
    });

    var grid = $("#grid").data("kendoGrid");
    grid.bind("excelExport", function(e) {
        e.workbook.fileName = selectedDate + ".xslx";
    });
</script>